利用浏览器缓存

Question

我想利用浏览器缓存来提高页面速度。听起来 max-age 和 Last-modified 是不错的选择，但我不清楚如何确定应该为其实现哪些文件。一般来说，我对如何实际执行此操作以及代码在 htaccess 中的外观感到困惑。我想我正在寻求一些更明确的帮助或展示一些示例。或者也许有人可以指导我学习像我这样的新手可以理解的课程/教程，但我没有运气找到。如果有人更了解 max-age 和 Last-Modified 并能帮助告诉我如何做到这一点，我们将不胜感激。我对此真的很迷茫，愿意花钱请人来帮助我。谢谢。

Answer 1

在这里搜索 SO 会返回一些好的信息 - 比如 利用浏览器缓存 - 但无论如何......

来自： http://www.samaxes.com/2011/05/improving-web-performance-with-apache-and-htaccess/

首次访问您的页面时会发出多个 HTTP 请求来下载您的所有网站文件，但是通过使用 Expires 和 Cache-Control 标头，您可以创建这些请求文件可缓存。这可以避免后续页面视图中出现不必要的 HTTP 请求。

Apache 通过 mod_expires 和 mod_headers 模块启用这些标头。

mod_expires 模块控制 Expires HTTP 标头的设置以及 Cache-Control 的 max-age 指令服务器响应中的 HTTP 标头。

要修改 max-age 以外的 Cache-Control 指令，您可以使用 mod_headers 模块。

mod_headers 模块提供控制和修改 HTTP 请求和响应标头的指令。标头可以合并、替换或删除。

设置 Expires 标头的规则：

# BEGIN Expire headers
<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 5 seconds"
  ExpiresByType image/x-icon "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 216000 seconds"
  ExpiresByType application/javascript "access plus 216000 seconds"
  ExpiresByType application/x-javascript "access plus 216000 seconds"
  ExpiresByType text/html "access plus 600 seconds"
  ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers

设置 Cache-Control 标头的规则：

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
  <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
    Header set Cache-Control "public"
  </filesMatch>
  <filesMatch "\.(css)$">
    Header set Cache-Control "public"
  </filesMatch>
  <filesMatch "\.(js)$">
    Header set Cache-Control "private"
  </filesMatch>
  <filesMatch "\.(x?html?|php)$">
    Header set Cache-Control "private, must-revalidate"
  </filesMatch>
</ifModule>
# END Cache-Control Headers

注意：无需使用 设置 max-age 指令>Cache-Control 标头，因为它已由 mod_expires 模块设置。

must-revalidate 意味着一旦响应变得过时，就必须重新验证；这并不意味着每次都必须检查。

更多信息请参见：http://www.mnot.net/cache_docs/
来自 Google：http://code.google.com/speed/ page-speed/docs/caching.html
和雅虎： http://developer.yahoo.com/performance/rules.html#expires