您想了解如何在 WordPress 中添加“过期标头”吗?
过期标头是让网络浏览器知道是否从访问者的浏览器缓存或服务器加载网页资源(例如图像)的规则。这些可以帮助提高您网站的性能。
在本文中,我们将向您展示两种在 WordPress 中添加过期标头的方法。
WordPress 中如何使用过期标头?
当有人第一次访问您的 WordPress 网站上的网页时,所有文件都会一个接一个地加载。浏览器和 WordPress 托管服务器之间的所有这些请求都会增加网页加载时间。
浏览器缓存将部分或全部这些文件存储在访问者的计算机上。这意味着他们下次访问该页面时,可以从自己的计算机加载文件,从而提高您的 WordPress 性能。
现在您可能想知道浏览器如何知道哪个 f要保存的文件以及保存多长时间。这就是“过期标头”的用武之地。
有关保存哪些文件以及保存多长时间的规则是使用过期标头或缓存控制标头设置的。在本文中,我们将重点关注过期标头,因为它们对于大多数用户来说更容易设置。
Expires 标头为浏览器缓存中存储的每种类型的文件设置过期日期。在此日期之后,将从您的服务器重新加载文件,为访问者提供页面的最新版本。
我们将向您展示如何使用两种不同的方法添加过期标头。第一种方法更简单,推荐大多数用户使用。您可以点击下面的链接跳转到您喜欢的部分:
视频教程
订阅 WPBeginner
如果是您更喜欢书面说明,然后继续阅读。
方法 1:使用 WP Rocket WordPress 插件添加过期标头
WP Rocket 是市场上最适合初学者的 WordPress 缓存插件。启用后,它会立即加速您的网站,而不必像许多其他缓存插件那样搞乱复杂的配置设置。
WP Rocket 是一款高级插件,但最好的部分是所有功能都包含在最低套餐中。
您需要做的第一件事是安装并激活 WP Rocket 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
安装并激活后,WP Rocket 将自动打开浏览器缓存。默认情况下,它会添加过期标头和缓存控制标头以及最佳设置,以加快您的 WordPress 网站的速度。
这就是您需要做的全部。如果您想了解更多关于PL的信息ugin,然后查看我们有关如何在 WordPress 中正确安装和设置 WP Rocket 的指南。
如果您希望使用免费的缓存插件向您的网站添加过期标头,那么我们建议您查看 W3 Total Cache。
W3 Total Cache 提供了一些与 WP Rocket 相同的功能,但它不太适合初学者。您必须手动启用过期标头,因为它不会自动启用它们。
方法 2:使用代码在 WordPress 中添加过期标头
在 WordPress 中添加过期标头的第二种方法是将代码添加到 WordPress 文件中。我们不建议初学者使用它,因为代码中的错误可能会导致严重错误并破坏您的网站。
在进行这些更改之前,我们建议您首先备份您的 WordPress 网站。有关更多详细信息,请参阅我们有关如何备份和恢复 WordPress 网站的指南。
话虽如此,让我们了解如何通过向 WordPress 添加代码来添加过期标头。
确定您的网站运行的是 Apache 还是 Nginx
首先,您需要确定您的网站使用的是 Apache 还是 Nginx 服务器。您需要浏览到您的网站,右键单击该页面,然后选择“检查”选项。
接下来,您需要单击页面顶部的“网络”选项卡。
您可能需要刷新页面才能加载结果。
之后,您可以点击“名称”列顶部的域名。
然后您应该向下滚动到“响应标头”部分并检查名为“服务器”的项目。
这将显示正在使用哪个网络服务器。在本例中,该站点在 Nginx 服务器上运行。
既然您知道您的网站正在使用哪个网络服务器,请使用下面的链接跳转:
- 如何在亚太地区添加过期标头他
- 如何在 Nginx 中添加过期标头
如何在 Apache 中添加过期标头
要将过期标头添加到 Apache 服务器,您需要将代码添加到 .htaccess 文件中。
要编辑此文件,您需要使用 FTP 客户端或主机的文件管理器工具连接到您的 WordPress 主机帐户。您将在网站的根文件夹中找到 .htaccess 文件。
注意:有时,.htaccess 文件可能会被隐藏。如果您需要帮助来查找它,请参阅我们的指南,了解为什么在 WordPress 网站上找不到 .htaccess。
接下来,您需要添加过期标头以打开浏览器缓存。这告诉网络浏览器在删除您的网站资源之前应将其存储多长时间。
您可以在 .htaccess 文件顶部附近添加以下代码:
## 标头缓存过期 ##
过期有效日期
ExpiresByType image/jpg “访问 1 年”
到期sByType image/jpeg“访问 1 年”
ExpiresByType image/gif“访问 1 年”
ExpiresByType image/png “访问 1 年”
ExpiresByType image/svg“访问 1 年”
ExpiresByType text/css “访问 1 个月”
ExpiresByType application/pdf“访问 1 个月”
ExpiresByType application/javascript“访问 1 个月”
ExpiresByType application/x-javascript“访问 1 个月”
ExpiresByType application/x-shockwave-flash“访问 1 个月”
ExpiresByType image/x-icon“访问 1 年”
过期默认“访问 3 天”
## 标头缓存过期 ##
这些值应该适用于大多数网站,但如果您的需求不同,您可以调整时间段。
请注意,代码根据文件类型设置不同的缓存到期日期。图像比 HTML、CSS、Javascript 和其他文件类型的缓存时间更长,因为它们通常保持不变。
如何添加ENginx 中的 xpires 标头
如果您使用 Nginx 服务器来托管 WordPress 博客,则需要编辑服务器配置文件以添加过期标头。
编辑和访问此文件的方式取决于您的主机,因此如果您需要访问该文件的帮助,可以联系您的托管提供商。
然后,您需要添加以下代码:
位置 ~* \.(jpg|jpeg|gif|png|svg)$ {
365 天到期;
}
位置 ~* \.(pdf|css|html|js|swf)$ {
3天后到期;
}
此代码将为不同文件类型设置过期时间。再次注意,图像的缓存时间比 HTML、CSS、JS 和其他文件类型要长,因为图像通常保持不变。
我们希望本教程能帮助您了解如何在 WordPress 中添加过期标头。您可能还想查看我们的终极 WordPress 安全指南,以提高您的网站安全性,以及我们专家精选的最佳电子邮件营销服务来增加您的流量。
如果您喜欢这篇文章,请请订阅我们的 YouTube 频道以获取 WordPress 视频教程。您还可以在 Twitter 和 Facebook 上找到我们。