在看这本书之前,正如本书作者所言,我一直认为构建高性能网站的着力点在于服务器后端。看完本书后才发现,借助于合理的Http协议运用以及前端页面架构,也可以极大的提升的提升网站的性能。
看本书需要一定的Http协议基础,对浏览器如何渲染出页面的基本认识。
试着总结一下本书中提到的方法。
1.缓存(Expires,Last-Modify,ETag,Max-Age)
2.减少Http请求次数(合并js、css脚本,图片地图,CSS Scripts)
3.减少传输距离(CDN)
4.减少传输内容(js、css组件压缩,gzip,Accept-Encoding)
5.合理页面架构(css放顶部,预防白屏;js放底部,优先渲染html,js单线程下载)
其实说白了,就是尽可能的减少浏览器http所消耗的时间
试着用书中提到的方法分析一下公司首页(www.zhaopin.com)
1.首次加载要加载85个组件,其中
document 2个
css 1个
image 70个
js 12个
2.大部分的文件都使用Max-Age进行了缓存,不过都比较短,均为1200秒。
考虑到首页图片会经常替换,但基本上是一天一换,且图片内容更新缓慢,可以考虑提高Max-Age
3.有一些js没有缓存,经判断可以添加缓存
4.经判断,大量图片是作为边框、按钮、图标使用,可以合并一起,使用CSS Script