在網(wǎng)站開發(fā)中，優(yōu)化網(wǎng)站的用戶體驗(yàn)是一項(xiàng)很重要的工作。其中，緩存（Cache）是提升網(wǎng)站性能的重要手段之一。而在 HTML 中，通過設(shè)置 Cache-Control 設(shè)置緩存策略。

Cache-Control: max-age=

這個(gè)設(shè)置告訴瀏覽器緩存文件的最長(zhǎng)時(shí)間（以秒為單位），從而減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，優(yōu)化用戶訪問速度。

比如，如果我們希望圖片在訪問過一次后，能夠在接下來的 20 分鐘內(nèi)不再向服務(wù)器發(fā)出請(qǐng)求：

我們可以將圖片顯示的 HTML 代碼中加入 Cache-Control: max-age=1200。

在前后端分離中，可以通過后端控制 Cache 的時(shí)間。例如，Spring Boot 中的配置：

@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/static/**")
.addResourceLocations("classpath:/static/")
.setCacheControl(CacheControl.maxAge(1, TimeUnit.HOURS)
.cachePrivate()
.mustRevalidate());
}
}

通過 registry.addResourceHandler 配置瀏覽器訪問的路徑，使用 setCacheControl 配置緩存策略，從而減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，提升網(wǎng)站性能，提供更好的用戶體驗(yàn)。