高性能网站建设指南

高性能网站建设指南
一、减少HTTP请求
图片地图(多个URL用同一个图片)
CSS Sprites合并图片(比分离的图片快57%,不但减少HTTP请求,还降低下载量)
内联图片(通过data:URL模式包含图片但不需额外HTTP请求)
合并脚本和样式表
二、使用内容发布网络(CDN)(WEB服务器,离用户更近,则多个HTTP请求的响应时间将缩短)
三、添加Expires头
Expires头(告诉浏览器缓存时间,far future Expires header)
Max-Age和mod_expires(完善)
空缓存VS完整缓存
不仅仅是图片(包括组件)
修订文件名(通过修改组件名来确保用户获取最新版本)
四、压缩组件(通过减少HTTP响应的大小来减少响应时间)
gzip可减少将近70%
代理缓存
五、将样式表放在顶部(用户体验)
六、将脚本放在底部
七、避免CSS表达式(也没见人用过)
八、使用外部Javascript和CSS
九、减少DNS查找(通过使用Keep-Alive和较少的域名来减少DNS查找)
DNS缓存和TTL
十、精简Javascript
精简:移除注释和空白
混淆:和精简一样,会移除注释和空白,同时还会改写代买(函数和变量的名字将转为为更短的字符串)
十一、避免重定向
十二、移除重复脚本
确保脚本只被包含一次
十三、配置ETag(是Web服务器和浏览器用于确认缓存组件有效性的一种机制)
十四、使用Ajax可缓存
使用Ajax同时满足用户和搜索引擎

1 thought on “高性能网站建设指南”

Leave a Comment