码迷,mamicode.com
首页 > Web开发 > 详细

《高性能网站建设指南》读后总结

时间:2014-07-22 18:14:02      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:网站   高性能网站   高性能网站建设   高性能网站建设指南   

网页的性能黄金法则:

只有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

《高性能网站建设指南》读后总结

标签:网站   高性能网站   高性能网站建设   高性能网站建设指南   

原文地址:http://aubdiy.blog.51cto.com/2978849/1441346

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!