0

我有一个网站，其首页是静态 HTML，但其内容可能会不时变化。如果自上次页面加载以来发生更改，我希望所有浏览器都更新内容。同时，缓存对于图像、样式表、javascript 和其他资源非常有用。

Cache-Control标题是正确的选择吗？这个Cache-Control标头会起作用吗？

Cache-Control: max-age=3600, must-revalidate

如果不是，是哪个？

4

3 回答 3

2

Cache-Control: no-cache如果您不希望页面的任何部分被缓存，它将很好用。

但是，如果您需要缓存页面，除了特定部分，请尝试使用这种替代方法：

  1. 使用 缓存整个页面Cache-Control: public, max-age=XYZ，其中 XYZ 是以秒为单位的时间。
  2. 使用 Ajax 加载非缓存部分。

示例代码：

var loadSection = function(section) {
    $.ajax({
        url: '/section/' + section + '.html',
        cache: false
      }).done(function(html){
        $('#main-content').html(html);
        w.pageCache[section] = html;
      });
    }
};

有关实时实施，请参阅http://jagteshchadha.com

于 2012-08-06T09:44:30.507 回答
1

你为什么不使用 .htaccess ？

使用所有 Expires Header，您希望按类型控制所有 exipres 文件：

<IfModule mod_expires.c>
  ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
  ExpiresDefault                          "access plus 1 month"

# cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5) 
  ExpiresByType text/cache-manifest       "access plus 0 seconds"



# your document html
  ExpiresByType text/html                 "access plus 0 seconds"

# data
  ExpiresByType text/xml                  "access plus 0 seconds"
  ExpiresByType application/xml           "access plus 0 seconds"
  ExpiresByType application/json          "access plus 0 seconds"

# rss feed
  ExpiresByType application/rss+xml       "access plus 1 hour"

# favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# media: images, video, audio
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType image/jpg                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# htc files  (css3pie)
  ExpiresByType text/x-component          "access plus 1 month"

# webfonts
  ExpiresByType font/truetype             "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType font/woff                 "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# css and javascript
  ExpiresByType text/css                  "access plus 2 months"
  ExpiresByType application/javascript    "access plus 2 months"
  ExpiresByType text/javascript           "access plus 2 months"

  <IfModule mod_headers.c>
    Header append Cache-Control "public"
  </IfModule>

</IfModule>
于 2012-08-06T09:47:18.153 回答
0

对于您的 css 和 javascript 脚本，您可以使用以下版本：

<link rel="stylesheet" href="style.css?v=1.0.0" type="text/css" />

并且随着下一次更新，您将更改版本。如果你真的需要，你可以对 .js 脚本和图像源做同样的事情。

于 2012-08-06T09:41:39.510 回答