《高性能网站建设指南》读后总结
2016-05-25 00:00
337 查看
网页的性能黄金法则:
只有10%~20%的最终用户相应时间花在了下载html文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这本书的其余部分,对减少80%~90%最终用户相应时间做出指导。
如果能遵循所有适用于自己网站的规则,页面网站的速度将提高20%~25%。
开始干货
规则1:减少http请求
1.图片地图(服务器端图片地图,客户端图片地图)
2.CSS Sprites
3.内联图片(IE目前还不支持)
4.合并脚本和样式表
规则2:使用内容发布网络
规则3:添加长久的Expires头,升级时更新文件名
1.使用Expires头
2.使用Cache-Control头 max-age指令
规则4:压缩组件(gzip)
对于大于1KB或2KB的文件进行压缩,压缩脚本和样式表
规则5:将样式表放在顶部
使用LINK标签将样式表放在文档HEAD中
规则6:将脚本放在页面底部
规则7:避免CSS表达式
规则8:使用外部JavaScript和CSS
1.加载后下载
2.动态内联
规则9:减少DNS查找
通过使用Keep-Alive和减少唯一主机域名来减少DNS查找
规则10;精简JavaScript、CSS(使用相应的工具)
1.混淆(变量名、函数名变得更短)
2.节省(去掉空白、注释等)
规则11:避免重定向
规则12:移除重复脚本
规则13:配置或移除ETage
规则14:使Ajax可缓存
确保Ajax请求遵守性能指导,尤其应具有长久的Expires头
书上分析页面推荐使用Yahoo的YSlow工具,会根据页面实践本书所介绍的性能规则的优劣成都产生一个单独的得分(A为最好,F为最差)。
本文出自 “AUB” 博客,请务必保留此出处http://aubdiy.blog.51cto.com/2978849/1441346
只有10%~20%的最终用户相应时间花在了下载html文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这本书的其余部分,对减少80%~90%最终用户相应时间做出指导。
如果能遵循所有适用于自己网站的规则,页面网站的速度将提高20%~25%。
开始干货
规则1:减少http请求
1.图片地图(服务器端图片地图,客户端图片地图)
2.CSS Sprites
3.内联图片(IE目前还不支持)
4.合并脚本和样式表
规则2:使用内容发布网络
规则3:添加长久的Expires头,升级时更新文件名
1.使用Expires头
2.使用Cache-Control头 max-age指令
规则4:压缩组件(gzip)
对于大于1KB或2KB的文件进行压缩,压缩脚本和样式表
规则5:将样式表放在顶部
使用LINK标签将样式表放在文档HEAD中
规则6:将脚本放在页面底部
规则7:避免CSS表达式
规则8:使用外部JavaScript和CSS
1.加载后下载
2.动态内联
规则9:减少DNS查找
通过使用Keep-Alive和减少唯一主机域名来减少DNS查找
规则10;精简JavaScript、CSS(使用相应的工具)
1.混淆(变量名、函数名变得更短)
2.节省(去掉空白、注释等)
规则11:避免重定向
规则12:移除重复脚本
规则13:配置或移除ETage
规则14:使Ajax可缓存
确保Ajax请求遵守性能指导,尤其应具有长久的Expires头
书上分析页面推荐使用Yahoo的YSlow工具,会根据页面实践本书所介绍的性能规则的优劣成都产生一个单独的得分(A为最好,F为最差)。
本文出自 “AUB” 博客,请务必保留此出处http://aubdiy.blog.51cto.com/2978849/1441346
相关文章推荐
- 吾爱破解论坛被封:疑似大量黑客破解类内容
- 近期加速乐的CDN服务极其不稳定
- 如何在互联网放置 HTML 页面
- Google排名优化的几个影响因素
- 让侮辱中国人的法国cnn网站完蛋
- 如何获得外部优质网站的链接pr
- 网站广告位难卖的几个原因分析与解决方法
- 网站关键词标题和网页描述技巧_站长必看
- 单独重开一个网站的步骤
- 能否批量把网站从一台服务器移到哪一台服务器
- 邮箱网站不能用mail.xxx.com:8888的方式访问原因
- rails创建应用程序实例
- 网站分站的实现方法
- 入侵ASP.net网站的经验附利用代码
- 网站当前的在线人数
- ASP.NET编程获取网站根目录方法小结
- 使用bootstrap3开发响应式网站
- 很棒的学习jQuery的12个网站推荐
- 截获网站title标签之家内容的例子
- 遇到不能复制的网站怎么办?