Web Performance in Action

引言

杰里米·瓦格纳所著的《Web Performance in Action》（2016年，360页）是一本关于优化网页应用性能的实用指南。在页面加载的每一秒都影响转化率和用户体验的时代，这本书对于致力于创建快速、响应式网站的开发者来说，仍然是宝贵的知识来源。尽管本书使用 JavaScript 和 Node.js 编写，但其概念适用于任何技术栈。

本书内容

本书涵盖了网页性能优化的完整周期——从分析当前状态到实施高级技术。作者系统地讲解了关键指标（首字节时间、首次绘制、速度指数）、审计工具（Lighthouse、WebPageTest、Chrome DevTools）以及加速加载的方法。特别关注：

• 用于快速首屏显示的关键CSS和内联样式
• 图片和脚本的懒加载
• 服务器端和客户端缓存
• HTTP/2 和 Server Push
• 字体和动画优化
• 资源压缩与精简
• 使用 Web Workers 和 Service Workers

每章都包含基于 JavaScript 和 Node.js 的真实代码示例，以及用于巩固知识的实践任务。

适合读者

本书面向熟悉 HTML、CSS 和 JavaScript 的中级网页开发者。它将有助于：

• 希望提升项目性能的前端开发者
• 使用 Node.js 的全栈开发者
• 负责服务器和 CDN 配置的 DevOps 工程师
• 学习网页优化的学生和初级专业人员

阅读本书不需要深入的性能知识——作者从零开始解释概念，但假设读者具备基本的网页技术理解。

读者将学到什么

阅读本书后，读者将能够：

• 使用现代工具进行性能审计
• 优化关键渲染路径
• 为图片、视频和脚本实施懒加载
• 通过 HTTP 头部和 Service Workers 配置缓存
• 使用 HTTP/2 进行多路复用和 Server Push
• 精简和压缩资源（JavaScript、CSS、HTML）
• 优化字体和动画以降低 CPU 负载
• 使用 Web Workers 进行后台计算
• 测量和解读性能指标（FCP、LCP、TTI）
• 应用异步加载和延迟执行模式

优点

本书的主要优势在于其实用性。每种技术都附带了可直接应用于项目的代码。作者不仅列举方法，还解释了它们为何有效以及存在哪些权衡。特别值得注意：

• 清晰的结构：从基础到高级主题
• 大量使用 Node.js 的真实示例
• 强调可衡量的结果（指标、图表）
• 关于 HTTP/2 和 Service Workers 的章节，至今仍具相关性
• 每章末尾的实践任务

本书语言生动，复杂概念解释得通俗易懂。尽管出版于2016年，但大部分内容并未过时——基本的优化原则（关键CSS、懒加载、缓存）保持不变。

推荐给谁

我向所有希望系统化性能知识并学习如何在实践中应用现代技术的网页开发者推荐这本书。它对于使用 JavaScript 和 Node.js 的开发者尤其有用，但使用其他语言的开发者也能从中找到宝贵思路。如果您致力于创建快速、响应式且具有竞争力的网页应用——那么《Web Performance in