浏览器缓存配置优化访问速度：新手也能搞定的服务器设置指南

知识分享

2026-06-05 12:00

15 阅读

网站首屏加载慢、图片反复加载，很多时候不是网速问题，而是浏览器缓存没有配置好。
浏览器缓存可以告诉浏览器“这张图片一周内不用重新下载”，一次缓存之后，再次访问就能从本地直接读取，速度自然快得多。
这篇教程从零开始，帮你一步步完成配置。

为什么要折腾浏览器缓存？

当你打开一个网站，浏览器会下载 HTML、CSS、JS、图片等资源。
如果每次访问都重新下载全部文件，服务器压力大，用户等待时间长。
配置浏览器缓存之后，设置一个有效期（比如7天），浏览器在有效期内直接使用本地副本，访问速度瞬间提升。
对降低服务器带宽也有明显帮助。

如果你使用宝塔面板，操作会更直观，连命令行都不用输。

一般位于 /etc/nginx/conf.d/ 或 /etc/nginx/sites-enabled/ 下，文件名通常是你的域名.conf。
使用 SSH 登录后执行：

cd /etc/nginx/conf.d
ls

找到对应的配置文件（比如 example.com.conf），用编辑工具打开：

sudo vim example.com.conf

如果你是宝塔用户，直接在面板“网站” -> 你的网站 -> “配置文件”中编辑，更安全。

在 server 块中找到 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 这类静态资源位置块，如果没有就自己创建一个。
在其中加入：

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|js|css|ico|woff|woff2)$ {
    expires 30d;
    add_header Cache-Control "public, no-transform";
}

expires 30d 告诉浏览器这些资源可以缓存30天。
Cache-Control 进一步细化行为：public 表示允许任何中间节点缓存（如 CDN），no-transform 防止代理服务器擅自更改内容。

保存文件后，测试配置是否正确：

nginx -t

如果提示 syntax is ok 就可以重载生效：

systemctl reload nginx

或宝塔面板中点击“重载配置”。

宝塔用户更简单：进入网站设置，选择“缓存”或“性能”选项卡（版本不同位置略有差异）。
找到“浏览器缓存”开关，开启并选择缓存时长（例如7天或30天）。
面板会自动帮你生成对应的 Nginx 规则。
不需要手动写代码。

不要对 HTML 页面缓存太久：动态页面内容经常变化，一般设为0或短时间。上面的配置只针对静态资源，如果你误将 HTML 加入，更新文章后用户可能看到旧版本。
更改缓存配置后，清空自己的浏览器缓存再测试：否则很容易以为自己没生效。
如果用了 CDN，CDN 节点也有自己缓存策略，注意和服务器端配置一致或冲突。
HTTPS 站点：配置方式完全一样，不影响。
测试时注意响应头是否被中间件覆盖：有些程序（如 WordPress 的缓存插件）可能会改变头信息，优先以程序设置为准。

最直接的方法是打开浏览器开发者工具（F12），选择“网络”标签，刷新页面，点击任意静态资源（如图片、CSS）。
在“响应头”中查找：

expires 或者 cache-control：应该能看到你设置的时间。
例如 cache-control: public, no-transform，expires: Thu, 20 Mar 2025 12:00:00 GMT。

也可以使用在线工具（如 pingdom、GTmetrix）检查缓存头。
如果第一次请求后，第二次请求看到 Status Code: 304 Not Modified（表示直接使用缓存），说明配置成功。

如果你按上面的步骤操作，访问速度应该会有明显提升——特别是图片和样式较多的页面。
浏览器缓存配置优化访问速度这件事，一次配置长期受益。
遇到异常时，优先回看避坑部分，检查文件路径和权限。
如果感觉手动操作不放心，就从宝塔面板入手，可视化更直观。
祝你加速顺利！