css - 如何确保我网站的访问者看到重新设计的页面而不是旧的缓存页面和图形？

Question

我最近重新设计了我的网站、新的 CSS、按钮的新图形等。当现有用户返回我的网站时，我想确保他们得到新页面和样式表的服务，并且浏览器不会尝试加载旧样式表等.

以前我的标题是这样的 -

我有一个公共(public)页面的头文件 -

<meta http-equiv="expires" content="Tue, 16 Feb 2019 09:00:00 GMT">
<meta http-equiv="cache-control" content="max-age=315360000">

以及站点内部页面的头文件(在用户登录后)

<meta http-equiv="expires" content="Mon, 04 Dec 1999 21:29:02 GMT">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">

我认为站点内的页面很可能会被新鲜提供，因为缓存控件没有指定缓存等。但是我的公共(public)页面访问者是否仍会看到缓存版本？我是否也应该将相同的缓存控制标签添加到公共(public)页面的头文件中？

我做的另一件事是将查询字符串添加到新的 css 文件以强制进行新的加载 -

例如-

<link rel="stylesheet" href="css/styles.css?new" type="text/css" >

对此还有其他好的建议/最佳做法吗？

谢谢!

Answer 1

2019 年到期是一个相当大的 promise 。您是说他们在接下来的 8 年内无需检查更新。

所以是的，您至少应该从公共(public)页面中删除这些 header ，如果您想 100% 确定，请添加其他 header 。如果您将它们排除在外，浏览器将主要根据最后修改的 http-header 猜测它们可以使用缓存版本多长时间。

然而，您应该只使用第 1 行和第 4 行。Pragma 不做任何事情(只使用客户端到服务器而不是服务器到客户端)。 Double expires 没有任何用处，-1 是无效值。