原创文章,转载请指明出处:http://aub.iteye.com/blog/2094392,尊重他人既是尊重自己。
网页的性能黄金法则:
只有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为最差)。
相关推荐
高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf
高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf
高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf
高性能网站建设指南 高性能网站建设指南 高性能网站建设指南 高性能网站建设指南 高性能网站建设指南 高性能网站建设指南
网站建设 高性能网站 网站建设指南 高性能网站建设指南 pdf高清
高性能网站建设指南 “如果实现了Steve这些建议中的20%,你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展,实在是没有理由再构建出运行速度缓慢的网站了。” ——Joe Hewitt,Firebu9调试器和Mozilla的DOM...
包含了 高性能网站建设指南 和 高性能网站建设进阶指南 WEB开发者性能优化最佳实践 这两本书的PDF
高性能网站建设进阶指南 WEB开发者性能优化最佳实践 + 高性能网站建设指南
在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。《高性能网站建设指南》内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、Gzip...
高性能网站建设指南中文完全版
高性能网站建设指南,非常实用,真心推荐,必须下载啊
《高性能网站建设指南》结合Web2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、...
高性能网站建设指南PDF版 大家相互学习
高性能网站建设指南 高性能网站建设指南 高性能网站建设指南
高性能网站建设指南.zip