📂

性能优化

打包体积, SSR 渲染, CI/CD 缓存, 加载优化

0 篇文章

Blog 前端性能优化实战：从 Lighthouse 50 分到 100 分的 10 项改造

基于 JoyMini Blog 的 Lighthouse 性能优化实战经验，系统记录 10 项性能改造措施的完整过程，包括 viewport 可访问性修复、图片体积优化、视频延迟加载、第三方脚本懒加载、JavaScript 分包策略等，涵盖 P0 紧急修复到 P2 渐进增强的全部分类。

本文记录了对一台 4 核 VPS 上 NestJS API 后端的多核优化评估过程，逐一分析 Cluster 模式、UV_THREADPOOL_SIZE、数据库查询优化、Redis 缓存与 Nginx 缓存调优的可行性，最终得出"瓶颈在 DB I/O 不在 CPU"的核心结论。

GitHub Actions + Yarn 4 PnP + Docker + Turborepo + Playwright 的缓存实战。每种缓存的原理、配置和陷阱，一次性讲清楚。

本文源于对一个实际 Next.js 博客应用的性能优化。通过系统化的依赖审计、代码分割和构建配置优化，将首屏 JS 体积减少了约 60%。文中提到的方法和检查清单适用于大多数 Next.js 项目。