免费在线HTTP缓存头生成器，可视化配置Cache-Control、ETag、Expires等缓存策略，生成Nginx/Apache/Node.js配置代码。无需注册。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用可视化配置Cache-Control/ETag/Expires缓存策略，一键生成服务端配置代码
零依赖 · 可离线使用🎯 预设策略
⚙️ 缓存参数
📋 缓存策略评估
📄 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压缩版本。