《高性能建站指南》读书笔记

    在看这本书之前,正如本书作者所言,我一直认为构建高性能网站的着力点在于服务器后端。看完本书后才发现,借助于合理的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

原文地址:https://www.cnblogs.com/qiuyeyaozhuai/p/3383058.html