规则1,减少HTTP请求
这是最重要的原则,可以通过使用图片地图,CSS Sprites(有利有弊),内联图片(data:URL模式,IE不支持,不能被缓存),合并脚本和样式表。 规则2,使用内容发布网络内容发布网络(CDN)是一组分布在多个不同地理位置的web服务器,用于更加有效地向用户发布内容。规则3,添加Expires头
web服务器使用Expires头告诉web客户端他可以使用一个组件的当前副本,直到指定的时间为止。要求服务器与客户端的时钟严格同步,并且要在时间过期后在服务器配置中提供一个新的日期。规则4,压缩组件
配置一下web server的压缩功能,减少服务器带宽。规则5,将样式表放在顶部
逐步呈现,避免白屏规则6,将脚本放在底部
将脚本放在顶部将会阻塞对其后面内容的呈现,并且会阻塞对其后面组件的下载。规则7,避免CSS表达式
CSS表达式简直像个Bug,可以弃用,寻求变通的解决方便,比如事件处理器等。规则8,使用外部的JavaScript和CSS
规则9,减少DNS查找
同一页面的域名数量最好控制在2~4之间。规则10,精简JavaScript
精简VS混淆VS压缩规则11,避免重定向
当Web服务器向浏览器返回一个重定向是,响应中就会拥有一个范围在3xx的状态码。Get的重定向可以通过web server的url rewrite很好解决。规则12,移除重复脚本
规则13,配置ETag
规则14,使Ajax可缓存