小吐槽:每次想用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
可结合使用。