本文目录导读:

- 使用 CDN 服务(最有效的方法)
- 配置 Web 服务器(Nginx / Apache / IIS)
- 使用网站缓存插件(WordPress / 其他 CMS)
- 配置浏览器缓存(通过 HTML 元标签)
- 启用 HTTPS 与 HTTP/2/3
- 总结:快速执行步骤(针对不同用户)
- 重要注意事项
启用网站缓存加速功能通常涉及服务器端配置和浏览器端控制两个方面,具体操作方式取决于你使用的建站平台、Web服务器或CDN服务。
以下是几种常见场景的启用方法:
使用 CDN 服务(最有效的方法)
这是目前最主流、效果最好的缓存加速方式,CDN(内容分发网络)会将你的网站静态资源(图片、CSS、JS)缓存到全球边缘节点。
- 操作步骤:
- 注册 CDN 服务商(如 Cloudflare、阿里云CDN、腾讯云CDN、又拍云等)。
- 在后台添加你的网站域名。
- 修改DNS解析:将域名的 NS 记录指向 CDN 服务商提供的地址,或添加 CNAME 记录。
- 配置缓存规则:在 CDN 控制台设置缓存时间(图片缓存30天,HTML缓存1小时)。
- 开启优化功能:如自动压缩(Gzip/Brotli)、WebP 自适应、TLS 1.3 等。
- 注意:CDN 同时具有抗DDoS、加速和部分安全功能。
配置 Web 服务器(Nginx / Apache / IIS)
如果你有服务器管理权限,可以手动配置缓存头。
A. 使用 Nginx(最常用)
# 在 server 块中添加
location ~* \.(jpg|jpeg|png|gif|ico|css|js|svg|woff2?)$ {
expires 30d; # 缓存30天
add_header Cache-Control "public, immutable";
# 建议开启 Gzip
gzip_static on;
gzip_vary on;
}
B. 使用 Apache(.htaccess 文件)
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType text/html "access plus 1 minute"
</IfModule>
C. 使用 IIS(Windows)
- 打开 IIS 管理器。
- 选择你的网站 -> 双击“输出缓存”或“HTTP 响应标头”。
- 添加缓存规则,设置
Cache-Control: public, max-age=604800(一周)。
使用网站缓存插件(WordPress / 其他 CMS)
如果你使用建站系统,插件是最简单的方法。
- WordPress:
- 推荐插件:WP Rocket(付费,功能最全)、W3 Total Cache、LiteSpeed Cache(需配合 LiteSpeed 服务器)。
- 操作:安装并激活插件 -> 开启“页面缓存”、“静态资源优化”、“数据库优化”等选项。
- Shopify / Wix / Squarespace:
- 这些托管平台默认已经开启了缓存,你无需额外配置,但可以检查“设置 -> 性能”或“CDN”选项,确保图片压缩和自动优化已开启。
配置浏览器缓存(通过 HTML 元标签)
这是一种不太推荐但可以临时使用的办法(优先级低于服务器头)。
在网页 <head> 中添加:
<meta http-equiv="Cache-Control" content="max-age=604800, public"> <meta http-equiv="Expires" content="Mon, 20 Jan 2025 12:00:00 GMT">
启用 HTTPS 与 HTTP/2/3
- HTTP/2 和 HTTP/3 允许多路复用,减少连接数,大多数 CDN 和现代服务器默认支持。
- 启用方法:在服务器配置或 CDN 控制台中勾选“启用 HTTP/2”和“QUIC/HTTP3”。
快速执行步骤(针对不同用户)
- 普通站长(无技术背景):安装 WP Rocket 或 LiteSpeed Cache(如果是WordPress),或直接接入 Cloudflare CDN(完全免费)。
- 网站管理员(有服务器权限):配置 Nginx 缓存规则 + 启用 CDN。
- 开发者:设置合理的
Cache-Control和ETag头,并启用 Service Worker(高级离线缓存)。
重要注意事项
- 不要缓存:登录态、购物车、用户个人中心等页面应设置
Cache-Control: no-cache。 - 清除缓存:修改网站内容后,需要及时清除 CDN 和浏览器缓存(通常可在 CDN 后台点击“刷新缓存”或“Purge Cache”)。
- 测试:使用 GTmetrix 或 PageSpeed Insights 检查缓存是否生效,并查看“建议”中的缓存时间。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。