Nginx缓存时间设置（手把手教你优化网站加载速度）

为什么要设置缓存时间？

• 加快网页加载速度，提升用户体验
• 减少服务器带宽和CPU消耗
• 降低网络请求次数，节省流量
• 对SEO友好，搜索引擎更喜欢加载快的网站

如何在Nginx中设置缓存时间？

Nginx通过expires指令来控制缓存时间。你可以在server块或location块中使用它。

基本语法：

expires [时间];

其中“时间”可以是：

• 1d：1天
• 2h：2小时
• 30m：30分钟
• max：设置为最长缓存时间（通常为10年）
• off：关闭缓存

实战示例：为不同资源设置不同缓存时间

通常，图片、CSS、JS等静态资源可以长期缓存，而HTML页面建议不缓存或短时间缓存。

server {    listen 80;    server_name example.com;    root /var/www/html;    # HTML文件不缓存    location ~* \.(html|htm)$ {        expires -1;        add_header Cache-Control "no-cache, no-store, must-revalidate";    }    # 图片、CSS、JS等静态资源缓存30天    location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {        expires 30d;        add_header Cache-Control "public, immutable";    }    # 字体文件缓存1年    location ~* \.(woff|woff2|ttf|eot)$ {        expires 1y;        add_header Cache-Control "public";    }}

上面的配置中：

• HTML文件设置了expires -1，表示不缓存，每次都要从服务器获取最新内容。
• 图片、CSS、JS缓存30天，适合内容不常变动的资源。
• 字体文件缓存1年，因为它们几乎不会变化。

验证缓存是否生效

你可以通过浏览器开发者工具（F12）查看Network选项卡，点击任意静态资源，查看Response Headers中是否有Cache-Control和Expires字段。

常见问题与注意事项

• 修改Nginx配置后，记得执行nginx -t测试配置是否正确，然后systemctl reload nginx重载服务。
• 如果资源内容更新了，但用户看到的还是旧版本，可能是因为缓存未过期。解决方法是在文件名中加入版本号（如style.v2.css）或使用ETag。
• 不要对动态内容（如PHP生成的页面）设置长时间缓存，除非你明确知道其内容不会频繁变化。

总结

通过合理配置Nginx缓存时间，你可以显著提升网站性能。记住根据资源类型设置不同的缓存策略：静态资源长缓存，动态内容短缓存或不缓存。掌握这些技巧后，你的网站不仅能更快加载，还能节省服务器资源。

希望这篇关于Nginx缓存配置的教程对你有帮助！如果你正在优化网站性能，别忘了也关注浏览器缓存设置和静态资源缓存的最佳实践。