规则1:减少HTTP请求
1、图片地图
2、CSS Sprites(如果需要在页面中为背景、按钮、导航栏、链接等提供大量图片,CSS Sprites绝对是一种优秀的解决方案-干净的标签、很少的图片和很短的响应时间)
3、合并脚本和样式表(Combined Scripts and Stylesheets,理想情况下,一个页面应该使用不多于一个的脚本和样式表)
规则2——使用内容发布网络,强调了使用内容发布网络的优势。
规则3——添加Expires头,研究了一个简单的HTTP头是如何通过使用浏览器缓存来戏剧性地改善Web页面性能的。
规则4——压缩组件,解释了压缩是如何工作的,以及如何为Web服务器启用压缩,并讨论了现今存在的一些兼容性问题。
规则5——将样式表放在顶部,展示了样式表是如何影响页面呈现的。(使用link标签将样式表放在文档head中)
规则6——将脚本放在底部,展示了脚本是如何影响呈现的,以及脚本是如何下载到浏览器中的。
规则7——避免CSS表达式,讨论了CSS表达式的使用和度量其影响的重要性。
规则8——使用外部JavaScript和CSS,介绍了如何权衡是内联JavaScript和CSS还是将它们放到外部文件中(主页倾向于使用内联)。
规则9——减少DNS查找,强调了解析域名时的频繁查找所产生的影响。
规则10——精简JavaScript,量化了从JavaScript中移除空白字符所带来的收益。
规则11——避免重定向,对使用重定向提出了警示,并给出了可替代的方法。
规则12——移除重复脚本展示了如果一个页面中包含两处相同的脚本会发生什么情况。
规则13——配置ETag介绍了ETag是如何工作的,以及为什么对于任何拥有多于一台Web服务器的网站来说,默认的实现都是不好的。
规则14——使Ajax可缓存强调在使用Ajax时牢记这些性能规则的重要性。
析构十大网站就如何确定现实世界中的网站的性能改进给出了一些实例。
Rule 1 - Make Fewer HTTP Requests
Rule 2 - Use a Content Delivery Network
Rule 3 - Add an Expires Header
Rule 4 - Gzip Components
Rule 5 - Put Stylesheets at the Top
Rule 6 - Put Scripts at the Bottom
Rule 7 - Avoid CSS Expressions
Rule 8 - Make JavaScript and CSS External
Rule 9 - Reduce DNS Lookups
Rule 10 - Minify JavaScript
Rule 11 - Avoid Redirects
Rule 12 - Remove Duplicate Scripts
Rule 13 - Configure ETags
Rule 14 - Make AJAX Cacheable