网页性能：从缓慢页面到 Lighthouse 100 分
网页性能决定了一个网站是否能转化用户或被用户放弃。渲染延迟的毫秒级差异会直接影响跳出率、Core Web Vitals 分数和搜索排名。本课程涵盖完整的优化堆栈：从 Lighthouse 审计和 Core Web Vitals 到 JavaScript 执行、服务器端调优和真实用户监控——基于浏览器和 Google 实际测量的工具。
学习内容
你将学会运行和解读 Lighthouse 审计，优化图片、媒体、CSS 和字体以减少载荷大小，理解关键渲染路径如何工作以及在哪里中断它。你将通过 Core Web Vitals（LCP、CLS、INP）测量用户体验，设置和执行 性能预算，实施 HTTP 缓存和网络级策略，通过避免布局抖动和长任务来编写更快的 JavaScript，优化服务器端响应时间，并用 真实用户监控 (RUM) 和合成测试对生产流量进行检测。
学习路径
十二门课程跨越 A1 到 C1 级别。课程从核心概念和首次 Lighthouse 演练开始，然后进行图片和媒体优化、CSS 和字体策略，以及 B1 级别的 Core Web Vitals。B2 级课程涵盖关键渲染路径、高级 Lighthouse 自定义、网络缓存和性能预算。最后的 C1 课程——JavaScript 性能最佳实践、服务器端性能与后端优化和 真实用户监控 (RUM) 与合成监控——涉及超越单次审计所能揭示的生产级问题。
工作原理
每门课程分为短小的实操课程，你在内置编辑器中完成，获得实时反馈和卡住时可用的 AI 辅导。概念通过与真实浏览器工具和 Lighthouse 指标相关的练习立即得到强化，因此你完成每个课程后得到的是可测量的成果，而不仅仅是笔记。