读书笔记《高性能网站建设指南》之雅虎军规
首先这本书分析了前端在网站体验中的重要性,并提出了简单有效的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头)