教程
性能优化：从 PageSpeed 到真实体验
内容站性能优化的重点：LCP/CLS/INP、图片与字体、路由与代码分割、缓存与预加载。
先定指标，再做优化
不要凭感觉优化。先确定目标指标（如 LCP、CLS、INP）与主要瓶颈，再选择手段。
内容站常见瓶颈是图片、字体、首屏渲染与第三方脚本。
常用优化清单（摘要）
把清单固化到发布流程里：每次上线都跑一次基线检查。
- 首屏关键资源预加载
- 图片尺寸与懒加载
- 减少主线程任务
- 合理拆分路由与模块
- 缓存静态资源与字体
想要更系统的学习？
教程中心整理了从入门到实战的完整路线，以及更多可复用模板。