核心概念
让应用跑得更快、评分更高
本节点将带你深入理解 性能优化 的核心原理与实践方法。学习完后，你应该能够独立完成相关的实战任务。
关键知识点
- 理解 LCP / FID / CLS 三大指标 — 详见下方参考资料与实战任务
- 掌握懒加载与 Code Splitting — 详见下方参考资料与实战任务
- 优化图片与字体加载 — 详见下方参考资料与实战任务
- Lighthouse 评分达到 90+ — 详见下方参考资料与实战任务
💡
学习建议
先通读全文建立概念，再动手编写代码示例，最后完成右侧「配套练习」。遇到不理解的概念，点击右侧「官方文档依据」跳转原始文档深挖。
动手练习
前往代码编辑器完成本节点的配套练习，即时反馈你的掌握程度：
本节小结
- 理解 LCP / FID / CLS 三大指标
- 掌握懒加载与 Code Splitting
- 优化图片与字体加载
- Lighthouse 评分达到 90+
✅
完成本节点
点击下方「标记完成」记录进度，然后继续下一个知识点。