首页 随笔 乐走天涯 程序资料 评论中心 Tag 论坛 其他资源 搜索 消息中心 联系我 关于 RSS

Apache 网站访问速度提升优化的几点实践


日期: 2009-04-15 22:00 | 联系我 | 关注我: SteemIT, Twitter, Google+

  在 Yahoo 开发者网站上,Yahoo 提出了优化网站性能的N条规则(Best Practices for Speeding Up Your Web Site)。这些规则是:

  1. 尽可能的减少 HTTP 的请求数(Minimize HTTP Requests) —— Tag: content

  2. 使用 CDN(Use a Content Delivery Network) —— Tag: server

  3. 添加 Expires 头(或者 Cache-control ) (Add an Expires or a Cache-Control Header) —— Tag: server

  4. Gzip 组件(Gzip Components) —— Tag: server

  5. 将 CSS 样式放在页面的上方 (Put Stylesheets at the Top) —— Tag: css

  6. 将脚本移动到底部(包括内联的)(Put Scripts at the Bottom) —— Tag: javascript

  7. 避免使用 CSS 中的 Expressions(Avoid CSS expressions) —— Tag: css

  8. 将 JavaScript 和 CSS 独立成外部文件(Make JS and CSS external) —— Tag: javascript, css

  9. 减少 DNS 查询 (Reduce DNS lookups) —— Tag: content

  10. 压缩 JavaScript 和 CSS ( Minify JS) —— Tag: javascript, css

  11. 避免重定向(Avoid redirects) —— Tag: server

  12. 移除重复的脚本(Remove duplicate scripts) —— Tag: javascript

  13. 配置实体标签(Configure ETags) —— Tag: css

  14. 使 AJAX 缓存(Make Ajax Cacheable) —— Tag: content

  15. 提前刷新输出缓冲(Flush the Buffer Early) —— Tag: server

  16. Use GET for AJAX Requests —— Tag: server

  17. Post-load Components —— Tag: content

  18. ……

  最开始 Yahoo 提出了 14 条规则(所以到现在搜索到的资料大多是叫“YAHOO 优化网站性能的14条规则”),后来 Yahoo 不断完善添加,到今天我写这篇文章 https://www.xiaohui.com/dev/server/speeding-up-your-web-site.htm 的时候,已经有 34 条规则了,覆盖了server、CSS、javascript等七个大类。需要了解的可以在 Yahoo Developer 英文站上了解。

  Yahoo 同时提供了一个 FireFox 插件 YSlow,可以直观、方便的看到你的网站根据前13条优化规则的建议。关于这 13 条优化规则的中文说明,感兴趣的可以直接参考 Yaosl 的文章:优化网站性能 提高网站速度访问速度的14条实践。他这里说得比较详细。

  在其中的第三条,Yaosl 没有针对服务器端配置进行说明,他说:

第三条、 添加Expire/Cache-Control 头

Cache-control 也可以通过配置服务器本身完成,这些偶就不是很清楚了,呵呵。想了解跟多的朋友可以参考http://www.web-caching.com/。

  正好我在看到 Yahoo 的优化规则之后,也试着优化了一下自己的服务器。在服务器端配置 Expire/Cache-control 其实挺容易的。以 Apache 为例,在 httpd.conf 中做以下修改即可:

  1. 启用 expires_module 模块
  2. LoadModule expires_module modules/mod_expires.so
  3. 打开 Expires 控制
  4. ExpiresActive On
  5. 设置 Expires 规则
  6. 我的 Expire/Cache-Control 规则是:将 IMAGE 图片(JPEG, GIF, PNG)、CSS 文件、JS 文件缓存 14 天。因为这些文件基本上很少修改。我的配置语法如下:

    ExpiresByType image/gif "access plus 14 days"
    ExpiresByType image/jpeg "access plus 14 days"
    ExpiresByType image/png "access plus 14 days"
    ExpiresByType text/css "access plus 14 days"
    ExpiresByType application/x-javascript "access plus 14 days"
  7. 重启 Apache 服务器。

  有关 Apache Expires Module 的介绍,可以参阅其官方文档:Apache Module mod_expires

  实践证明,Yahoo YSlow 工具中的这十几条优化规则,非常有用。我的一个英文网站的首页,优化前,YSlow 的优化评分是 C级(76分);根据 YSlow 的建议完成优化之后,优化评分达到了 A级(96分),访问速度确实有大幅提升。有图为证:

一个英文网站的首页,根据 YSlow 的网站优化建议完成优化之后,优化评分达到了 A级(96分)

有关服务器维护、服务器优化的其他文章


 文章评论

第 1 楼  发表于 2009-04-16 13:26 | zong 的所有评论
呵呵, Yahoo的总结我之前也有看过。 很不错!
另外: firefox的web开发的插件真的是很不错,很赞!

可惜Chrome 到现在还没有类似的插件出现.

第 2 楼  发表于 2009-04-16 16:49 | xjb 的所有评论
可惜要重启 Apache 服务器

第 3 楼  发表于 2009-04-16 17:18 | zong 的所有评论
Quote:
第 2 楼 xjb 发表于 2009-04-16 16:49 可惜要重启 Apache 服务器
嘿嘿,这就是拥有独立主机的好处,想怎么玩怎么玩。 合租的主机想重启web应用可不那么容易,除非主机挂掉了,突然断电,计算机中毒等等....

第 4 楼  发表于 2009-04-16 18:43 | xjb 的所有评论
是不是该Apache 下所有web应用都会生效呢,如果image下还有二级目录呢?
回复于 2009-04-16 19:31:
这个配置是针对全局的。无需担心。如果只想针对某个目录配置,就在 <dirrect> section 里配置。

第 5 楼  发表于 2009-04-16 18:45 | xjb 的所有评论
不知道是否支持正则表达式?
回复于 2009-04-16 19:38:
在 APACHE 的官方文档上没有看到有这块的说明。

第 6 楼  发表于 2009-10-20 12:07 | HalZhang 的所有评论
谢谢xiaohui,正需要这个。现在就是实践下

共有评论 6 条, 显示 6 条。

发表你的评论
如果你想针对此文发表评论, 请填写下列表单:
姓名: * 必填 (Twitter 用户可输入以 @ 开头的用户名, Steemit 用户可输入 @@ 开头的用户名)
E-mail: 可选 (不会被公开。如果我回复了你的评论,你将会收到邮件通知)
网站 / Blog: 可选
反垃圾广告: 为了防止广告机器人自动发贴, 请计算下列表达式的值:
6 x 2 + 4 = * 必填
评论内容:
* 必填
你可以使用下列标签修饰文字:
[b] 文字 [/b]: 加粗文字
[quote] 文字 [/quote]: 引用文字

 
首页 随笔 乐走天涯 猎户星 Google Earth 程序资料 程序生活 评论 Tag 论坛 资源 搜索 联系 关于 隐私声明 版权声明 订阅邮件

程序员小辉 建站于 1997 ◇ 做一名最好的开发者是我不变的理想。
Copyright © XiaoHui.com; 保留所有权利。