Performance Optimization

Blog Frontend Performance Optimization Practice: 10 Improvements from Lighthouse Score 50 to 100

Based on the Lighthouse performance optimization experience of JoyMini Blog, this article systematically documents the complete process of 10 performance improvement measures, including viewport accessibility fixes, image size optimization, video lazy loading, third-party script lazy loading, JavaScript chunking strategy, etc., covering all categories from P0 emergency fixes to P2 progressive enhancements.

4-Core Server Backend Optimization Report: Why Cluster Mode Is Not the Answer

This article documents the multi-core optimization evaluation process for a NestJS API backend deployed on a 4-core VPS. It analyzes the feasibility of Cluster mode, UV_THREADPOOL_SIZE, database query optimization, Redis caching, and Nginx cache tuning one by one, ultimately concluding that "the bottleneck is DB I/O, not CPU."

Yarn PnP Monorepo CI/CD Cache Strategy: 5 Layers of Cache, Reducing 15 Minutes to 3 Minutes

A practical guide to caching with GitHub Actions + Yarn 4 PnP + Docker + Turborepo + Playwright. The principles, configuration, and pitfalls of each cache type are explained clearly in one go.

Next.js Bundle Size Optimization in Practice: A Systematic Approach from 2MB to 800KB

This article originates from a performance optimization of a real Next.js blog application. Through systematic dependency auditing, code splitting, and build configuration optimization, the initial JS bundle size was reduced by approximately 60%. The methods and checklists mentioned in this article are applicable to most Next.js projects.

Next.js Admin SSR Experience Optimization in Practice: A Systematic Approach from 3.5s LCP to 1.2s