html - 缓存静态 HTML 站点

Question

我通常使用 WordPress，但刚刚为客户完成了一个项目，该项目是一个静态 HTML 页面，由 8 个页面和每页约 2 个图像组成。使用 WordPress 我会使用 w3 total cachce、cloudflare、photon 或通过 wp 引擎的解决方案。

我一直在研究并找到了一些关于元标记和操作 .htaccess 文件的解决方案。我读到，元标记路由不是一个合理的解决方案，因为它不能通过 HTML5 正确验证。 (这里专门指不设置缓存，但思路相同)

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />   

此处引用: Using <meta> tags to turn off caching in all browsers?

我在这里也读了一点: http://www.metatags.info/meta_http_equiv_cache_control

使用这样的东西:

<meta http-equiv="Cache-control" content="public">
<meta http-equiv="Cache-control" content="private">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache-control" content="no-store">

但我不确定它们实际上是如何工作的，以及哪个是正确的。有人能指出我正确的方向吗？谢谢!

Answer 1

远离<meta>标签。在大多数情况下，Web 服务器发送的默认缓存 header 已经适用于静态网站。除非您有一些不寻常的要求——这里似乎没有这种情况——否则应该不需要修改它们。