YSlow 报告“没有过期日期”和“不可缓存”答案

【问题标题】：YSlow reports "no expire date" and "not cacheable"YSlow 报告“没有过期日期”和“不可缓存”
【发布时间】：2012-01-09 09:18:36
【问题描述】：

我有一个 Wep 页面：http://uranussup.info。我运行了一个 yslow 测试。有很多请求 (20)，上面写着“内容不可缓存”和“没有过期日期”。我该如何解决？

【问题讨论】：

标签： caching yslow

【解决方案1】：

短版

您需要配置您的服务器，以便它使用不同的HTTP headers 为您的网站内容提供服务。

加长版

来自雅虎！ Best Practices for Speeding up Your Web Site:

添加过期或缓存控制标头

这条规则有两个方面：

对于静态组件：通过设置 far 实现“永不过期”策略未来Expires标头

对于动态组件：使用适当的Cache-Control 标头来帮助浏览器有条件请求

网页设计越来越丰富更丰富，这意味着更多的脚本，样式表、图像和 Flash 页。首次访问您的页面可能要制作几个 HTTP 请求，但通过使用 Expires 您制作这些组件的标头可缓存的。这避免了不必要的后续页面上的 HTTP 请求意见。过期标头最常见与图像一起使用，但它们应该是用于所有组件，包括脚本、样式表和 Flash 组件。

浏览器（和代理）使用缓存来减少 HTTP 的数量和大小请求，使网页加载快点。 Web 服务器使用 Expires HTTP响应中的标头告诉客户端一个组件可以有多长缓存。这是一个遥远的未来标头，告诉浏览器这个反应要到四月才会过时 2010 年 15 月 15 日。
Expires: Thu, 15 Apr 2010 20:00:00 GMT
如果您的服务器是 Apache，请使用 ExpiresDefault 指令设置一个到期日相对于当前的日期。这个例子 ExpiresDefault 指令设置到期日期 10 年后请求的时间。
ExpiresDefault "access plus 10 years"
请记住，如果您使用遥远的未来过期标题你必须改变组件的文件名，只要组件变化。在雅虎！我们经常将此步骤作为构建的一部分进程：嵌入版本号在组件的文件名中，对于例如，yahoo_2.0.6.js。

使用遥远的未来 Expires 标头仅在用户访问后影响页面浏览量已经访问过您的网站。它有对 HTTP 数量没有影响用户访问您的网站时的请求第一次和浏览器的缓存为空。因此影响这种性能改进取决于用户点击您的频率带有准备好的缓存的页面。（一个“引缓存”已经包含了所有页面中的组件。）我们测量了这在雅虎！并找到了数量具有准备好的缓存的页面浏览量是 75-85%。通过使用遥远的未来 Expires 标头，你增加的数量缓存的组件浏览器并在后续页面上重复使用不发送单个字节的视图通过用户的 Internet 连接。

【讨论】：

【解决方案2】：

应该可以，但不确定是“mod_expires.c”还是“mod_expires.so”——目前都不适合我。

<IfModule mod_expires.so>
  ExpiresActive On 
  ExpiresDefault "access plus 4 hours"
  ExpiresByType application/javascript "access plus 2 months"
  ExpiresByType application/javascript-x "access plus 2 months"
  ExpiresByType text/javascript "access plus 2 months"
  ExpiresByType image/jpg "access plus 2 month"
  ExpiresByType image/jpeg "access plus 2 month"
  ExpiresByType image/gif "access plus 2 month"
  ExpiresByType image/png "access plus 2 month"
  ExpiresByType text/css "access plus 2 months"
  ExpiresByType text/html "access plus 2 months"
  ExpiresByType text/xml "access plus 2 months"
  ExpiresByType text/plain "access plus 2 months"
  ExpiresByType image/x-icon "access plus 12 month"
  ExpiresByType image/icon "access plus 12 month"
  ExpiresByType application/x-ico "access plus 12 month"
  ExpiresByType application/ico "access plus 12 month"
</IfModule>

【讨论】：