English TL;DR: You don’t need fancy perf work. Nail images, fonts, caching, JS weight, and CWV basics first.
性能优化最大的误区是：过度优化。对独立博客来说，先做 5 件事就足够：
1) 图片：优先 WebP + 明确尺寸
- 用 Next/Image
- 尽量用 WebP
- 为每张图指定宽高
这样可以避免 CLS。
2) 字体：用系统字体或 Next/font
- 系统字体最省事
- 如果自定义字体，用
next/font防止 FOIT
3) 缓存：静态优先
- 页面 SSG
- CDN 默认缓存
/blog的内容尽量不走 SSR
4) JS 体积：能不用就不用
- 文章页尽量无客户端 JS
- 不引入大型 UI 库
5) 基础监控
- Google Lighthouse 随便跑一遍
- 关注 LCP/CLS/INP
相关阅读
RELATED