7C00.ME/houmu 2013-07-09

加速网页加载速度

参考:http://web.itivy.com/article-63-1.html

数据优化

内容压缩(去空白符、js压缩)
编码压缩:gzip数据压缩
+ 图片压缩(分辨率降级)

传输优化

资源文件换域名(图片、css等),提高连接数
使用CDN提高资源文件下载速度
减少请求数
    合并代码文件js和css,
    使用css代替图片样式设计,
    使用webfont减少小图片,
    小图像base64嵌入取代文件
    CSS sprite合并图片文件)

程序优化

html优化
    减少不必要元素
    按需加载(图片按需加载)
css优化
    减少选择器层级
    + 避免@import
js优化
    调整js加载顺序
+ 利用浏览器缓存特性(服务器程序配置)
利用HTML5 离线应用特性