HTTP：强缓存优化实践

强缓存：浏览器不会向服务器发送任何请求，直接从本地缓存中读取文件

强缓存是指浏览器在向服务器请求资源时，判断本地是否存在该资源的缓存，并判断是否过期。
如果本地缓存未过期，浏览器就直接使用本地缓存，而不会向服务器发送请求。
这样可以减少对服务器的请求，加快页面加载速度。

用流程图描述如下：

强缓存通常通过HTTP响应头的 Expires 和 Cache-Control 实现：

1、Expires ：服务端返回的响应中包含一个 Expires 头，指定资源缓存的过期时间。例如：

Expires: Wed, 21 Oct 2024 07:28:00 GMT
1

浏览器中获取到的状态码有两种，优先级上 memory cache（内存缓存） > disk cache（磁盘缓存）

// 资源存储在内存中的缓存。这样的缓存读取速度非常快，但相对容量较小。
1、 Status Code: 200 OK (form memory cache)

// 资源存储在硬盘上的缓存。磁盘缓存可以存储更多的数据，但相对读取速度较慢
2、 Status Code: 200 OK (from disk cache)
1
2
3
4
5

浏览器在接收到带有 Expires 头的响应后，会将资源保存在缓存中，并在过期时间之前不会再次向服务器发送请求。
因为 Expires 值是一个固定时间，因此会受本地时间的影响，如果在缓存期间我们修改了本地时间，可能会导致缓存失效。

2、Cache-Control ：使用 Cache-Control 头的 max-age 来设置资源的过期时间（单位为秒）。例如：

Cache-Control: max-age=3600
1

这表示资源将在 3600 秒（1 小时）后过期。浏览器收到包含 max-age 的响应后，会根据该值在本地进行缓存，并在过期之前不再向服务器发送请求该资源。