读《高性能网站建设指南》——笔记

小吐槽:每次想用MarkDown编辑器,网站就会挂掉,呵,有毒(o_ _)ノ

趁着有空?来看一下之前老师推荐的《高性能网站建设指南》,pdf只有一百多页不是很长,在这做一下笔记吧。


网站性能优化越来越重要,相对于后端优化——更改程序架构和代码结构,数据库设计,内存管理等,前端优化:工作量相对较小,并且优化效果较好。


性能黄金法则:只有10%~20%的而最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

作者共总结了14条提升性能的规则:

规则1——减少HTTP请求

通过减少组件数量,由此减少HTTP请求的数量。

        图片地图(服务器端、客户端)、CSS Sprites、内联图片、脚本&样式表的合并

规则2——使用内容发布网络

规则3——添加Expires头

规则4——压缩组件

规则5——将样式表放在顶部

规则6——将脚本放在底部

规则7——避免CSS表达式

规则8——适用外部JavaScript和CSS

规则9——减少DNS查找

规则10——精简JavaScript

规则11——避免重定向

规则12——移除重复脚本

规则13——配置ETag

规则14——使Ajax可缓存


顺便说几个常用的前端性能优化工具:

基于规则(从开发者的角度分析,告知开发者如何优化):

Page Speed

ySlow - YAHOO!

基于时间消耗(从用户访问的角度分析,告知用户实际的访问时间和分布):

HTTPWatch

WebPagetest - AOL

DynaTrace

可结合使用。


《高性能网站建设指南》pdf版分享





        





本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部