优化网站性能的14条规则(更新)
| 1. 尽可能的减少 HTTP 的请求数 | [content] |
| 2. 使用 CDN(Content Delivery Network) | [server] |
| 3. 添加 Expires 头(或者 Cache-control ) | [server] |
| 4. Gzip 组件 | [server] |
| 5. 将 CSS 样式放在页面的上方 | [css] |
| 6. 将脚本移动到底部(包括内联的) | [javascript] |
| 7. 避免使用 CSS 中的 Expressions | [css] |
| 8. 将 JavaScript 和 CSS 独立成外部文件 | [javascript] [css] |
| 9. 减少 DNS 查询 | [content] |
| 10. 压缩 JavaScript 和 CSS (包括内联的) | [javascript] [css] |
| 11. 避免重定向 | [server] |
| 12. 移除重复的脚本 | [javascript] |
| 13. 配置实体标签(ETags) | [css] |
| 14. 使 AJAX 缓存 | [content] |
详细请看:Best Practices for Speeding Up Your Web Site
如果具体想看下你网站在这14条规则下的表现,可以用 Yahoo 开发的 YSlow 工具(Firefox 下 FireBug 的插件)。

共有9 条评论
这不就是yahoo的那14条军规吗? 更新的内容是什么呀. 怿飞能不能详细讲解一下啊
CSS Expression基本上没什么人用吧.
连接数很高时,Gzip的CPU负担还是比较可观的。
压缩 JavaScript 和 CSS会大量降低可读性。
如果不考虑可读性,传说把Javascript和CSS合并可以大量减少并发连接数?
@Robin 其实更新的内容很少,第三条增加了添加Cache-control,第六条,第十条增加了,对内联的脚本、样式的处理。
@LuoboTixS 压缩合并JavaScript和CSS的确会造成管理的不便性,其实这也是很多朋友矛盾的地方,但从用户的角度出发,我们还是应该尽可能的展示给用户最优的性能(代码的可读性是给开发的,而不是给用户的)。至于Javascript和CSS合并的确可以减少并发连接数,但会与上面的第五条或第六条相矛盾。现在的推荐方式是,等所有结构完再加载执行脚本。
现在的推荐方式是,等所有结构完再加载执行脚本。
能给个例子嘛,现在急需这方面的优化,貌似作者的blog并没有这样做
@tenlin 推荐不等于绝对,例子应该可以从YAHOO 的网站上找到的^^
[...] PHP Speedy脚本库文件可以迅速压缩相应的文件以提高网站的加载/下载速度,这样能保证网站迅速的打开而不影响其显示效果,下面我们再用YSlow插件看其效果等级图,恩,不知道何为YSlow插件,唔..我这里简单介绍下: YSlow从Firebug收集当前网页和该网页的访问信息后进行分析,如有必要则给出如何提高页面加载速度的建议,比如减少DNS查询,使用外部并压缩Javascript等。大家可以配合雅虎提出的14个军规+20规则。 [...]
我也一直在考虑怎么优化,自己是超级菜鸟啊
[...] Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 [...]