首页 >运维 >Nginx >如何在NGINX中配置浏览器缓存？

如何在NGINX中配置浏览器缓存？

要在NGINX中配置浏览器缓存，您需要修改nginx配置文件。通常，这涉及在配置的http ， server或location块中添加指令。这是逐步指南：

打开NGINX配置文件：根据您的系统，主NGINX配置文件通常位于/etc/nginx/nginx.conf或/etc/nginx/sites-available/ directory中。
添加浏览器缓存指令：在适当的块中，添加以下指令以启用浏览器缓存：
```
 <code class="nginx">location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 30d; add_header Cache-Control "public, no-transform"; }</code>
```
此示例为具有指定扩展名的文件设置了30天到期，通常是静态资产。调整expires指令以设置所需的缓存寿命。
测试配置：重新启动NGINX之前，测试语法错误的配置：
```
 <code class="sh">sudo nginx -t</code>
```

重新启动NGINX ：如果测试成功，请重新启动NGINX应用更改：

 <code class="sh">sudo systemctl restart nginx</code>

或者

<code class="sh">sudo service nginx restart</code>

通过遵循以下步骤，您将在NGINX中为静态资产配置浏览器缓存。

使用Nginx启用浏览器缓存提供了一些重要的好处：

总体而言，使用NGINX启用浏览器缓存是提高Web应用程序性能，效率和可扩展性的一种简单方法。

要验证浏览器缓存是否在NGINX中正常工作，您可以按照以下步骤操作：

检查HTTP响应标头：使用curl或浏览器的开发人员工具等工具检查静态资产的HTTP标头：
```
 <code class="sh">curl -I https://example.com/static/image.jpg</code>
```
查找Cache-Control并Expires标题。如果根据您的NGINX配置设置它们，则表明缓存正在工作。
使用浏览器开发人员工具：在浏览器中打开您的网站，导航到开发人员工具中的“网络”选项卡，然后刷新页面。查看静态资产的状态代码和标题。缓存文件应具有“ 200 OK（来自磁盘缓存）”或“ 304未修改”之类的状态代码，如果服务器确认自上次请求以来文件没有更改。
使用不同的浏览器进行测试：验证在不同浏览器中的缓存行为是否一致，以确保兼容性。
修改静态资产：对静态资产进行小更改，例如更新图像或CSS文件，然后检查浏览器是否立即获取新版本。如果浏览器使用缓存版本直到到期时间为止，则缓存将按预期工作。

通过遵循以下步骤，您可以在NGINX设置中确认浏览器缓存是否正常运行。

您应该更新NGINX中缓存到期设置的频率取决于您的特定用例和内容的性质。以下是一些一般准则：

静态资产：对于不经常变化的静态资产，例如图像，CSS和JavaScript文件，您可能会设置长期到期期（例如，30天或更长时间），并且很少会在主要站点更新或重新设计中更新设置。
动态内容：对于更频繁地变化的资产，例如促销横幅或季节性图形，您可能需要更频繁地调整到期设置，甚至每周或每月一次，以确保用户看到最新版本。
版本控件：在文件名中实现版本控制（例如， style.v1234.css ）可以使您可以在仍在提供更新的内容的同时保持长时间的缓存到期时间。如果您更改版本控制策略，则只需要更新缓存到期设置。
性能监视：定期监视您网站的性能和用户体验指标。如果您注意到与缓存有关的问题（例如，由于缓存失误而导致的过时内容或页面加载缓慢），则可能需要相应地调整到期设置。
内容策略更改：如果您的内容策略更改，例如朝着更频繁的更新迈进或转移到较少的内容版本中，则需要调整高速缓存到期设置以与这些更改保持一致。

通常，每隔几个月或在您的网站发生重大更改时，可以审查您的缓存到期设置，这是一种很好的做法，以确保它们继续为您的性能和用户体验有效地服务。

以上是如何在NGINX中配置浏览器缓存？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多