如何优化缓存，让您的网站飞起来？

前端

2024-02-08 18:59:21

缓存位置：了解不同缓存的位置及其优先级

缓存位置分为四种，各自具有不同的优先级：

浏览器缓存 ：浏览器缓存是最常见的缓存类型，存储在用户的计算机或移动设备上。当用户访问网站时，浏览器会将页面元素（如图像、CSS文件和JavaScript文件）存储在本地。当用户再次访问同一网站时，浏览器将从本地缓存中加载这些元素，而不是从服务器下载，从而提高加载速度。
代理缓存 ：代理缓存位于网络服务提供商（ISP）或内容交付网络（CDN）提供商的服务器上。当用户访问网站时，代理服务器会检查其缓存中是否有请求的页面元素。如果有，则代理服务器会将这些元素提供给用户，而无需从源服务器下载。
CDN缓存 ：CDN缓存位于CDN提供商的服务器上。CDN是一种分布式网络，其服务器遍布全球。当用户访问网站时，CDN服务器会根据用户的地理位置将请求路由到最近的服务器。如果最近的服务器上有请求的页面元素，则该服务器会将这些元素提供给用户，而无需从源服务器下载。
源服务器缓存 ：源服务器缓存位于网站的服务器上。当用户访问网站时，源服务器会将请求的页面元素发送给用户。源服务器缓存通常用于存储动态内容，如数据库查询结果或购物车内容。

缓存策略：掌握常见缓存策略并灵活应用

到期时间缓存策略

到期时间缓存策略是缓存中最常用的策略之一。它指定了一个到期时间，在这个时间之前，浏览器或代理服务器可以从缓存中提供页面元素。到期时间过后，浏览器或代理服务器将从源服务器重新下载页面元素。

最后修改时间缓存策略

最后修改时间缓存策略指定了一个最后修改时间。在这个时间之前，浏览器或代理服务器可以从缓存中提供页面元素。最后修改时间之后，浏览器或代理服务器将从源服务器重新下载页面元素。

实体标签缓存策略

实体标签缓存策略使用一个唯一的标识符来标识页面元素。当用户访问网站时，浏览器或代理服务器会将页面元素的实体标签与源服务器上的实体标签进行比较。如果实体标签相同，则浏览器或代理服务器将从缓存中提供页面元素。如果实体标签不同，则浏览器或代理服务器将从源服务器重新下载页面元素。

协商缓存策略

协商缓存策略使用一个称为“If-Modified-Since”或“If-None-Match”的HTTP请求头。当用户访问网站时，浏览器或代理服务器会将“If-Modified-Since”或“If-None-Match”请求头发送到源服务器。源服务器会检查页面元素是否自指定时间以来被修改过。如果页面元素没有被修改，则源服务器将返回一个304（未修改）状态代码。浏览器或代理服务器将继续从缓存中提供页面元素。如果页面元素已被修改，则源服务器将返回一个200（确定）状态代码和修改后的页面元素。浏览器或代理服务器将从源服务器重新下载页面元素。