代码实操：玩转HTTP缓存，提升网站性能

2024-01-07 14:24:19

HTTP缓存概述

HTTP缓存是指将网站的静态资源（如HTML、CSS、JavaScript、图片等）存储在客户端（浏览器）中，当用户再次访问这些资源时，直接从客户端加载，而无需再次向服务器发送请求。HTTP缓存可以显著提高网站的访问速度和性能，减少服务器的负载。

HTTP缓存的分类

HTTP缓存分为两大类：强缓存和协商缓存。

强缓存：是指客户端在访问资源时，直接从缓存中加载资源，无需向服务器发送请求。强缓存可以有效减少服务器的负载，提高网站的访问速度。
协商缓存：是指客户端在访问资源时，会向服务器发送请求，但服务器会根据资源的最后修改时间或ETag来判断资源是否有更新。如果资源没有更新，服务器会返回304 Not Modified状态码，客户端继续使用缓存中的资源。如果资源有更新，服务器会返回200 OK状态码，客户端会从服务器下载更新后的资源。

实现强缓存

强缓存可以通过在响应头中设置expires字段或Cache-Control字段来实现。

expires：设置资源的过期时间。当资源的过期时间到达时，客户端会重新向服务器发送请求，以获取更新的资源。
Cache-Control：设置缓存控制指令。常见的缓存控制指令有max-age、no-cache和no-store。max-age指令指定资源的缓存时间；no-cache指令告诉客户端不要使用缓存，而应重新向服务器发送请求；no-store指令告诉客户端不要存储资源。

实现协商缓存

协商缓存可以通过在响应头中设置Last-Modified字段或ETag字段来实现。

Last-Modified：设置资源的最后修改时间。当客户端再次访问资源时，会向服务器发送If-Modified-Since请求头，其中包含资源的最后修改时间。服务器会根据资源的最后修改时间来判断资源是否有更新。
ETag：设置资源的唯一标识符。当客户端再次访问资源时，会向服务器发送If-None-Match请求头，其中包含资源的ETag。服务器会根据资源的ETag来判断资源是否有更新。

代码示例

以下是一个使用expires字段实现强缓存的代码示例：

public static void main(String[] args) {
    // 设置响应头
    response.setHeader("Expires", "Wed, 21 Oct 2020 07:28:00 GMT");

    // 设置资源内容
    response.getWriter().write("Hello, world!");
}

以下是一个使用Cache-Control字段实现强缓存的代码示例：

public static void main(String[] args) {
    // 设置响应头
    response.setHeader("Cache-Control", "max-age=3600");

    // 设置资源内容
    response.getWriter().write("Hello, world!");
}

以下是一个使用Last-Modified字段实现协商缓存的代码示例：

public static void main(String[] args) {
    // 设置响应头
    response.setHeader("Last-Modified", "Wed, 21 Oct 2020 07:28:00 GMT");

    // 设置资源内容
    response.getWriter().write("Hello, world!");
}

以下是一个使用ETag字段实现协商缓存的代码示例：

public static void main(String[] args) {
    // 设置响应头
    response.setHeader("ETag", "123456789");

    // 设置资源内容
    response.getWriter().write("Hello, world!");
}