《High Performance Web Sites》之 Rule 3 读书笔记

 Rule 3 的主体是 Expires Header,也就是如何利用浏览器缓存来大幅提速。

提速指数:超过50%

原理:通过在 HTTP 头中设置浏览器缓存的过期时间来减少频繁访问者的加载时间,缓存的对象也是那些 component。(何谓 component ?点此看之前的读书笔记

注意事项:
1、对于内容更新太快、或者访客不太可能每次访问都遇到同样的 component 的网站,本方法效果会打折扣;
2、先看看如下表格,如果觉得您的网站属于第一条的话:
table3-2

方法:
1、Expires:即在 HTTP 头中指明具体失效的时间,如下图。
table3-2
2、Max-age:在 HTTP 头中按秒指定失效的时间,如下图。好处是不像方法 1 一样需要定时检查是否过期,一旦过期就需要指定新的时间,坏处是只有 HTTP/1.1 支持。
table3-2
3、方法 1 和 方法 2 都用,较好,如下图。
table3-2
4、用 PHP 在服务器端动态指定 Expires:

<FilesMatch ".(gif|jpg|js|css)$">
ExpiresDefault "access plus 10 years"
</FilesMatch>

小技巧:最后,知道怎么防止文件更新了而用户端还在使用旧的缓存么?——引入文件名管理机制,意即:给每个 components 的文件名都加上版本号,这样更新的时候就会自动读取了!是不是既实现了缓存加速又没有负面效应呢?

发布者

袁 源

我是袁源,职业是前端开发 关注我的新浪微博

《《High Performance Web Sites》之 Rule 3 读书笔记》有5个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注