2008-3-22 下午 - 网站优化 -   

优化网站性能的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 的插件）。

这篇文章发表2008年3月22日 下午 10:35，并被分类于网站优化，已被 26135 人阅读。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论， 也可以发表您的评论，或者在您自己的网站中 引用（trackback） 该篇日志。

共有8 条评论

  1. 1. 我的头像最帅！ Robin 2008年3月23日 上午 12:09 ₪

    这不就是yahoo的那14条军规吗? 更新的内容是什么呀. 怿飞能不能详细讲解一下啊 :)

  2. 2. 我的头像最帅！ LuoboTixS 2008年3月23日 上午 8:49 ₪

    CSS Expression基本上没什么人用吧.
    连接数很高时，Gzip的CPU负担还是比较可观的。
    压缩 JavaScript 和 CSS会大量降低可读性。
    如果不考虑可读性，传说把Javascript和CSS合并可以大量减少并发连接数?

  3. 3. 我的头像最帅！ 怿飞 2008年3月23日 下午 12:50 ₪

    @Robin 其实更新的内容很少，第三条增加了添加Cache-control，第六条，第十条增加了，对内联的脚本、样式的处理。

  4. 4. 我的头像最帅！ 怿飞 2008年3月23日 下午 1:07 ₪

    @LuoboTixS 压缩合并JavaScript和CSS的确会造成管理的不便性，其实这也是很多朋友矛盾的地方，但从用户的角度出发，我们还是应该尽可能的展示给用户最优的性能（代码的可读性是给开发的，而不是给用户的）。至于Javascript和CSS合并的确可以减少并发连接数，但会与上面的第五条或第六条相矛盾。现在的推荐方式是，等所有结构完再加载执行脚本。

  5. 5. 我的头像最帅！ tenlin 2008年3月23日 下午 6:18 ₪

    现在的推荐方式是，等所有结构完再加载执行脚本。

    能给个例子嘛，现在急需这方面的优化，貌似作者的blog并没有这样做

  6. 6. 我的头像最帅！ 怿飞 2008年3月23日 下午 8:41 ₪

    @tenlin 推荐不等于绝对，例子应该可以从YAHOO 的网站上找到的^^

  7. 7. .::灵狼天::. » Blog Archive » 加快网站速度的利器:PHP Speedy(附带WP插件) 2008年3月30日 下午 1:58 ₪

    [...] PHP Speedy脚本库文件可以迅速压缩相应的文件以提高网站的加载/下载速度，这样能保证网站迅速的打开而不影响其显示效果，下面我们再用YSlow插件看其效果等级图，恩，不知道何为YSlow插件，唔..我这里简单介绍下： YSlow从Firebug收集当前网页和该网页的访问信息后进行分析，如有必要则给出如何提高页面加载速度的建议，比如减少DNS查询，使用外部并压缩Javascript等。大家可以配合雅虎提出的14个军规+20规则。 [...]

  8. 8. 我的头像最帅！ 阿强 2008年4月3日 下午 6:17 ₪

    我也一直在考虑怎么优化,自己是超级菜鸟啊

发表评论

(必填)

(必填，会为您保密)

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签