小吐槽：每次想用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
可结合使用。
扫一扫
2307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
