读书笔记《高性能网站建设指南》之雅虎军规

首先这本书分析了前端在网站体验中的重要性,并提出了简单有效的14条规则,对网站架构有指导意义

规则如下:

1、减少HTTP请求

  a、图片地图(即图片热点,感觉此方法因缺少交互已被逐步取代)

  b、css sprite

  c、内联图片(即用base64编码图片)

  d、合并脚本与样式表(此问题无绝对化,否则与模块化相冲突,感觉模块化希望文件小而独立,并按需加载)

2、使用内容分发网络(即CDN服务)

3、添加Expires头(服务器端设置)

4、压缩组件(通过gzip压缩传输)

5、样式表放在顶部(防止加载过程中的样式重构)

6、脚本放在底部(防止脚本阻塞其他组件下载)

7、避免CSS表达式

8、用外部JS和CSS

  a、外部文件可缓存,重复度高(此处与第一点中d有冲突,需要权衡)

  b、可以缓加载或动态加载

9、减少DNS查找

10、精简JS(含压缩和逻辑优化)

11、避免重定向

12、删除重复脚本(含重复的http请求和js脚本)

13、配置ETag

14、使AJAX可缓存(设置长久的Expires头)