无意中看到同事有本《高性能网站建设指南》,趁着有时间借来读读。
简单的讲这是一本前端优化网站的书,作者总结了14条性能规则,我这里只记录下方便实用的方法。
规则一:减少HTTP请求
1.CSS Sprites 合并图片
2.合并脚本和样式表
规则二:使用内容发布网络(CDN)
规则三:添加Expires头
1.编辑动态语言生成的HTML页面时,配置长久的Expires头,可以缓存组件,在后续的页面浏览中减少不必要的HTTP请求。
规则四:压缩组件
1.gzip可以压缩HTML JS css
2.修改Apache 配置gzip
规则五:将样式表放在顶部
规则六:将脚本放在底部
规则七:避免CSS表达式
1.使用css里expression()方法会频繁求值
2.使用js事件处理
规则八:使用外部JavaScript和CSS
规则九:减少DNS查找
1.通过使用Keep-Alive和较少的域名来减少DNS查找
规则十:精简JavaScript
规则十一:避免重定向
规则十二:移除重复脚本
规则十四:配置ETag
配置或移除ETag
规则十五:使Ajax可缓存
确保Ajax请求遵守性能指导,尤其应具有长久的Expires头