高性能网站建设指南

Steve Souders 《高性能网站建设指南》 读书笔记

这本书是 08年印刷的，因此有些理论可能已经不适应现在的 Web 前端开发了。当然书中主要的理论还是适用的。

本书适合 Web 架构师、信息架构师、Web 开发人员及产品经理阅读和参考。我也相信产品汪可以在这里学到很多有趣并且实用的技能的。

首先这是 O’Reilly Media, Inc 系列的书，该系列的书非常值得阅读。

后端：分析用户请求、执行数据查询并对结果进行组织，形成浏览器可以呈现的内容； 前端：负责将后端生成的内容通过网络发给客户端浏览器。

我们固有的印象是后端更复杂，以“后端开发”为荣，当有性能问题的时候也优先考虑后端上面的优化。而其实前端对网站性能的影响也是同样重大，我们需要正视前端的问题，并着手解决。

减少 HTTP 请求

最简单方式就是减少组件数量。

• 图片地图（Image Maps），联合所有到一个单独图片。
• CSS Sprites 同图片地图一样，把所有图片合并在一起。
• 内联图片，就是把图片变成代码嵌入到 HTML 里面。
• 合并脚本和样式表。

使用内容发布网络

• 就是用 CDN 分摊流量。

优点：缩短响应时间，备份、扩展存储能力和进行缓存。 有助于缓和 Web 流量峰值压力。

缺点：响应时间可能受到其他网站影响。无法直接控制组件服务器所带的特殊麻烦。

添加 Expires 头

• 简而言之是使用缓存减少 HTTP 请求数量。

压缩组件

压缩后传输的数据少了。

将样式表放在顶部

因为 DOM 绘制的时候，需要对应 CSS

将脚本放在底部

因为脚本是会阻碍页逐步显示的，阻塞页面的加载。

使用外部的 JavaScript 和 CSS

减少 DNS 请求

精简 JavaScript

避免重定向

移除重复脚本

使用 Ajax 可缓存