最近看了一些网站性能优化方面是书籍,算是读书笔记吧。
一、 减少HTTP请求次数
包括CSS Sprites、 合并脚本和样式表等
二、 使用内容发布网络CDN
不解释,你懂的
三、 添加Expires头
四、 压缩组件GZIP
五、 样式表放头部、脚本放底部
六、 避免过多使用css表达式
七、 使用外部文件代替内联CSS和javascript
八、 拆分初始化负载
并非所有的脚本都需要在页面加载的时候下载,对于后续的功能性脚本,可以拆分出来,在文档渲染完毕之后再下载,缩短页面总体加载时长,缩短渲染等待时间。
九、 无阻塞的加载脚本
脚本并行化下载方案:
- XHR Eval
- XHR 注入
- Script in frame
- Srcipt Dom Element
- Script Defer
- document.Write Script tag
整合一步脚本方案:
- 硬编码回调
- Window Onload
- 定时器
- Script Onload 最常用的方法
- 降级使用script
根据站点实际情况,查找性能瓶颈所在,有的放矢的进行优化,才能取得较好的投入产出比