探究强缓存与协商缓存--终结篇

强缓存

强缓存是指浏览器在本地磁盘上对资源文件进行存储，并在随后的请求中直接从本地磁盘读取资源文件，而不会与服务器进行任何交互。强缓存可以极大地提高网站的性能，因为它可以减少浏览器与服务器之间的通信次数，从而减少网站的加载时间。

强缓存可以通过以下两种方式实现：

• Expires header： Expires header指定了资源文件的过期时间。如果资源文件的过期时间已经过去，浏览器将不会从本地磁盘读取该资源文件，而是会向服务器发送请求以获取最新的资源文件。
• Cache-control header： Cache-control header可以指定资源文件的缓存策略。其中，max-age指令可以指定资源文件的缓存时间，单位为秒。如果max-age指令已经过去，浏览器将不会从本地磁盘读取该资源文件，而是会向服务器发送请求以获取最新的资源文件。

协商缓存

协商缓存是指浏览器在本地磁盘上对资源文件进行存储，但在随后的请求中，浏览器会先向服务器发送一个请求，以判断资源文件是否需要更新。如果资源文件不需要更新，浏览器将直接从本地磁盘读取资源文件，而不会重新下载资源文件。协商缓存可以减少浏览器与服务器之间的通信次数，从而提高网站的性能。

协商缓存可以通过以下两种方式实现：

• Last-Modified header： Last-Modified header指定了资源文件的最后修改时间。如果资源文件的最后修改时间已经过去，浏览器将向服务器发送一个请求，以判断资源文件是否需要更新。
• If-Modified-Since header： If-Modified-Since header指定了浏览器本地磁盘上资源文件的最后修改时间。浏览器在发送请求时，会带上If-Modified-Since header。服务器在收到请求后，会比较If-Modified-Since header中的时间与资源文件的最后修改时间。如果资源文件的最后修改时间已经过去，服务器将返回一个新的资源文件。否则，服务器将返回一个304 Not Modified状态码，表示资源文件不需要更新。

强缓存与协商缓存的对比

特性	强缓存	协商缓存
工作原理	直接从本地磁盘读取资源文件	先向服务器发送请求，以判断资源文件是否需要更新
优点	可以完全避免浏览器与服务器之间的通信，从而极大地提高网站的性能	可以减少浏览器与服务器之间的通信次数，从而提高网站的性能
缺点	如果资源文件经常更新，强缓存可能会导致浏览器无法获取最新的资源文件	如果资源文件经常更新，协商缓存可能会导致浏览器多次向服务器发送请求

如何使用强缓存与协商缓存来优化网站的性能

为了优化网站的性能，可以结合使用强缓存与协商缓存。一般来说，对于经常更新的资源文件，可以使用协商缓存。对于不经常更新的资源文件，可以使用强缓存。

可以使用以下方法来使用强缓存与协商缓存：

• 在资源文件的header中设置Expires header和Cache-control header。
• 在服务器上设置Last-Modified header和ETag header。

总结

强缓存与协商缓存都是浏览器缓存的两种策略。强缓存可以完全避免浏览器与服务器之间的通信，从而极大地提高网站的性能。协商缓存可以减少浏览器与服务器之间的通信次数，从而提高网站的性能。为了优化网站的性能，可以结合使用强缓存与协商缓存。