利用浏览器缓存-到期或最大使用期限，最后修改或etag

问题描述

|| 对于利用浏览器缓存提高页面速度的正确方法，我很难找到一个清晰，实用的解释。 根据这个网站：   指定Expires或Cache-Control max-age之一很重要，   以及所有可缓存资源的Last-Modified或ETag之一。它是   冗余以同时指定Expires和Cache-Control：max-age或   同时指定Last-Modified和ETag。 它是否正确？如果是这样，我应该使用

Expires

还是

max-age

？我想我对这两者都有一个大致的了解，但不知道通常最好使用哪种。 如果我还必须同时做

Last-Modified

或

ETag

，那是哪一个？我想我得到2分，但对这个3分概念仍然很模糊。 另外，应该为哪些文件启用浏览器缓存？     

解决方法

  它是否正确？ 是的，Expires和max-age做相同的事情，但是有两种不同的方式。与Last-Modified和Etag相同   如果是这样，我该怎么办   到期或最大年龄？ 到期时间取决于用户时钟的准确性，因此这主要是一个错误的选择（因为大多数浏览器都支持HTTP / 1.1）。使用max-age，告诉浏览器该文件在这么长的时间内都很好。例如，1天的缓存为： 快取控制：max-age = 86400 注意，当同时存在

Cache-Control

和

Expires

时，

Cache-Control

优先。读   如果我还必须做Last-Modified或ETag，那是哪一个？我想我得到最后修改 您是正确的，Last-Modified应该更好。尽管是时间，但它是由服务器发送的。因此，用户的时钟没有问题。这就是Last-Modified优于Expires的原因。 浏览器向上次请求文件的服务器发送“ Last-Modified”，如果相同，服务器将返回空响应“ 304 Not Modified”。 另外，您还必须注意ETag也可能有用，因为Last-Modified的时间窗口为一秒钟。因此，您无法区分具有相同Last-Modified值的两个不同来源。 [2] Etag比Last-Modified需要更多的计算，因为它是文件当前状态的签名（类似于md5 sum或CRC32）。   另外，应该为哪些文件启用浏览器缓存？ 所有文件都可以使缓存受益。您有两种不同的方法： max-age：对于永不更改的文件（图像，CSS，javascript）很有用。只要达到max-age值，浏览器就不会向服务器发送任何请求。因此，您将在第二次加载时看到页面加载非常快。如果您需要更新文件，只需附加一个问号和更改日期（例如/image.png?20110602，或者为了更好地代理缓存，例如/20110602/image.png或/image.20110602.png） 。这样，您可以在紧急情况下使文件过期（请记住，一旦浏览器拥有了最大容量的文件，浏览器几乎就不会访问服务器）。主要用途是加快处理速度并限制发送到服务器的请求。 使用Last-Modified：可以在所有文件上设置（包括具有max-age的文件）。即使您拥有动态页面，也可能会一段时间（即使10分钟）也不会更改文件的内容，因此这很有用。这里的主要用途是告诉浏览器“继续询问我这个文件，如果它是新文件，我将向您发送新文件”。因此，每次加载页面时都会发送一个请求，但是如果文件已经很好（304 Not Modified），则答案为空，因此可以节省带宽。 您缓存的次数越多，页面显示的速度就越快。但是刷新缓存是一项艰巨的任务，因此请谨慎使用。 学习所有这些的好地方，并有许多解释：http://www.mnot.net/cache_docs/ [2]：rfc7232 Etag https://tools.ietf.org/html/rfc7232#section-2.3