一、 YAHOO的军规条例:谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等; 详细的解释来这里查:http://developer.yahoo.com/performance/rules.html 也可以直接firebug上一项项比对,如下图:简单翻译解释下:
1、尽量减少HTTP请求个数——须权衡
合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。
2、使用CDN(内容分发网络)
这里可以关注CDN的三类实现:镜像、高速缓存、专线,以及智能路由器和负载均衡;
3、为文件头指定Expires或Cache-Control,使内容具有缓存性。
区分静态内容和动态内容,避免以后页面访问中不必要的HTTP请求。
4、避免空的src和href
留意具有这两个属性的标签如link,script,img,iframe等;
5、使用gzip压缩内容
Gzip压缩所有可能的文件类型以来减少文...