免费HTTP缓存头生成器

可视化配置Cache-Control/ETag/Expires缓存策略，一键生成服务端配置代码

零依赖 · 可离线使用

🎯 预设策略

⚙️ 缓存参数

Cache-Control 指令

public（允许CDN缓存） private（仅浏览器缓存） no-cache（必须验证） no-store（禁止缓存） must-revalidate（过期必须验证） immutable（内容不变）

max-age（秒）

≈ 365天

s-maxage（CDN缓存时间，秒，0=不设置）

验证方式

资源类型

📋 缓存策略评估

📄 HTTP响应头

🖥️ 服务端配置代码

❓ 常见问题

什么是HTTP缓存头？

HTTP缓存头是服务器响应中的字段，控制浏览器和CDN如何缓存资源，常见有Cache-Control、ETag、Last-Modified、Expires。

Cache-Control有哪些常用指令？

max-age（缓存时间）、no-cache（必须验证）、no-store（不缓存）、public/private（缓存范围）、must-revalidate、immutable。

ETag和Last-Modified有什么区别？

ETag基于内容哈希，精确判断资源是否变化。Last-Modified基于修改时间，精度秒级。ETag更精确但计算成本略高。

如何选择缓存策略？

静态资源用长期缓存+immutable；HTML用no-cache确保验证；API根据更新频率选择max-age或no-store。

no-cache和no-store的区别？

no-cache允许缓存但每次使用前必须验证（304）。no-store完全禁止缓存，每次都获取新内容。

数据会上传到服务器吗？

不会。所有配置和代码生成在浏览器本地完成。

HTTP缓存头生成器能做什么？

HTTP缓存头生成器是一款免费在线开发者工具，帮助您可视化配置HTTP缓存策略。通过直观的界面选择Cache-Control指令、验证方式和缓存时间，自动生成完整的HTTP响应头和多服务端配置代码（Nginx/Apache/Node.js/Caddy）。内置静态资源、HTML、API等常见场景预设，实时评估缓存策略效果。所有计算在浏览器本地完成，数据绝不上传服务器。

核心功能

可视化配置：勾选式界面配置Cache-Control各指令，无需记忆语法
预设策略：内置静态资源/HTML/API/敏感数据/图片5种常用缓存策略
多服务端代码：一键生成Nginx/Apache/Node.js/Caddy配置代码
策略评估：实时评估缓存策略效果，标注潜在问题
时间换算：自动将秒数换算为人类可读的时间单位

使用教程

1. 选择预设策略（如"静态资源"）或手动勾选Cache-Control指令。

2. 设置max-age缓存时间和验证方式（ETag/Last-Modified）。

3. 选择资源类型，查看缓存策略评估和HTTP响应头。

4. 切换服务端标签页，复制对应配置代码到项目中。

应用场景

场景1：前端部署优化

前端工程师为CSS/JS/图片配置长期缓存+文件名哈希，减少重复请求，提升页面加载速度。

场景2：API缓存策略

后端开发者为API接口设置合理的缓存策略，平衡数据新鲜度和服务器压力。

场景3：CDN配置

运维人员配置CDN缓存策略，通过s-maxage控制边缘节点缓存时间。

扩展知识

HTTP缓存是Web性能优化的核心技术。浏览器缓存分为强缓存（Expires/max-age）和协商缓存（ETag/Last-Modified）。强缓存期间浏览器直接使用本地副本，不发送请求；协商缓存需要向服务器验证资源是否更新（304 Not Modified）。Cache-Control是HTTP/1.1标准，优先级高于HTTP/1.0的Expires。immutable指令告诉浏览器资源内容不会变化，无需重新验证，特别适合文件名包含哈希的场景。Vary头指定哪些请求头影响缓存键，常见Vary: Accept-Encoding用于区分gzip/br压缩版本。

📡 HTTP缓存头生成器