您想了解如何修复 WordPress 中的“利用浏览器缓存”警告吗?

通过修复“利用浏览器缓存”警告,您将快速加快 WordPress 网站的速度,并为网站访问者提供更好的体验。

在本文中,我们将向您展示如何轻松修复 WordPress 中的“利用浏览器缓存”警告。

什么是 WordPress 中的浏览器缓存?

浏览器缓存是提高 WordPress 网站加载速度的一种方法。

通常,当网页加载时,所有文件都会单独加载。这会在浏览器和 WordPress 托管服务器之间创建多个请求,从而增加网页加载时间。

启用浏览器缓存后,您的网络浏览器会在本地存储网页的副本。这允许浏览器在用户访问一秒时更快地加载样式表、徽标和图像等常见文件您网站上的第二页。

这会减少整体服务器负载,因为向实际服务器发出的请求会减少,您的网站性能也会因此提高。

您会在哪里看到“利用浏览器缓存”警告?

“利用浏览器缓存”警告意味着您没有启用浏览器缓存,或者您的缓存设置方式可能错误。

当您运行网站速度测试时,您将收到一份报告,其中显示可以修复哪些问题来加速 WordPress。

如果您的网站当前未使用浏览器缓存,那么您将收到启用浏览器缓存的警告。

这就是通过页面速度洞察工具查看结果时的样子。

有时您会收到一条警告,指出您的“高效缓存策略”不起作用。

这两个警告均指您的浏览器出现错误缓存设置。

如果您看到“利用浏览器缓存”警告,则意味着您需要激活并自定义缓存规则以加快您的网站速度。

话虽这么说,让我们看看如何使用两种不同的方法轻松修复 WordPress 中的“利用浏览器缓存”警告。只需使用下面的快速链接选择您想要使用的方法:

  • 使用 WP Rocket 修复“利用浏览器缓存”警告
  • 使用代码修复“利用浏览器缓存”警告
  • 方法 1:使用 WP Rocket 修复“利用浏览器缓存”警告

    WP Rocket 是市场上最好的 WordPress 缓存插件。它适合初学者,可以帮助您优化网站速度,而无需了解复杂的缓存和速度术语。

    开箱即用,所有推荐的缓存集tings 确实会加快您的 WordPress 博客的速度。

    要修复 WP Rocket 的“利用浏览器缓存”警告,您所需要做的就是安装并激活该插件。

    就是这样。

    有关更多详细信息,您可以参阅我们有关如何在 WordPress 中正确安装和设置 WP Rocket 的指南。

    WP Rocket 将自动启用浏览器缓存并使用正确的规则修改您的 .htaccess 文件。

    注意:如果您使用 SiteGround 网络托管,则可以使用免费的 SiteGround Optimizer 插件。它具有与 WP Rocket 几乎相同的功能,并且会自动为您启用浏览器缓存。

    方法 2:使用代码修复“利用浏览器缓存”警告

    第二种方法涉及将代码添加到您的 WordPress 文件中。如果您以前没有这样做过,请参阅我们的初学者指南,从网络粘贴片段WordPress。

    此方法对初学者不太友好,因此请仅在您确切知道自己在做什么时才遵循此方法。对于大多数企业主,我们建议使用方法 1。

    话虽如此,让我们看看如何通过向 WordPress 添加代码来修复“利用浏览器缓存”警告。

    注意:在自定义 WordPress 代码之前,我们建议您备份您的 WordPress 网站。有关更多详细信息,请参阅我们有关如何备份和恢复 WordPress 网站的指南。

    确定您的网站运行的是 Apache 还是 Nginx

    首先,您需要确定您的网站使用的是 Apache 还是 Nginx 服务器。

    为此,请在新选项卡或窗口中打开您的网站。然后,右键单击并选择“检查”选项。

    接下来,单击页面顶部的“网络”选项卡。

    您可能需要刷新页面才能加载结果。

    之后,单击您的域名在“名称”列中的名称中。

    它应该位于页面顶部。

    然后,在“响应标头”部分中,您将看到一个名为“服务器”的项目,其中显示服务器类型。

    在本例中,该站点在 Apache 服务器上运行。

    在 Apache 中添加缓存控制和过期标头

    要修复 Apache 服务器的“利用浏览器缓存”警告,您需要将代码添加到 .htaccess 文件中。

    要编辑此文件,您需要使用 FTP 客户端或主机的文件管理器工具连接到您的 WordPress 主机帐户。

    连接后,您可以在网站的根文件夹中看到 .htaccess 文件。

    如果您找不到它,请不要担心。有时该文件可以被隐藏。有关更多详细信息,请参阅我们的指南,了解为什么在 WordPress 网站上找不到 .htaccess 文件。

    接下来,您需要添加缓存控制和/或过期标头以打开浏览器缓存。这告诉网络浏览器在删除您的网站资源之前应将其存储多长时间。

    • 缓存控制标头向网络浏览器提供有关如何进行缓存的具体详细信息。
    • expires 标头可启用缓存,并告诉网络浏览器在删除特定文件之前应将其存储多长时间。

    您可以将以下代码添加到 .htaccess 文件中以添加过期标头:

    ## 标头缓存过期 ##

    过期有效日期
    ExpiresByType image/jpg “访问 1 年”
    ExpiresByType image/jpeg“访问 1 年”
    ExpiresByType image/gif“访问 1 年”
    ExpiresByType image/png “访问 1 年”
    ExpiresByType image/svg“访问 1 年”
    ExpiresByType text/css “访问 1 个月”
    ExpiresByType application/pdf“访问 1 个月”
    ExpiresByType 应用程序/javascriptt;访问1个月”
    ExpiresByType application/x-javascript“访问 1 个月”
    ExpiresByType application/x-shockwave-flash“访问 1 个月”
    ExpiresByType image/x-icon“访问 1 年”
    过期默认“访问 3 天”

    ## 标头缓存过期 ##

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    此代码根据文件类型设置不同的缓存到期日期。

    之后,您可以添加以下代码来启用缓存控制:

    标头设置 Cache-Control“max-age=96000, public”

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    此代码设置缓存过期的时间。在上面的示例中,缓存将在 90,000 秒后过期。

    之后,网络浏览器将请求文件的新版本。

    添加缓存控制和ENginx 中的 xpires 标头

    如果您使用 Nginx Web 服务器来托管 WordPress 网站,则可以编辑服务器配置文件来修复浏览器缓存错误。

    编辑和访问此文件的方式取决于您的主机,因此如果您需要访问该文件的帮助,可以联系您的托管提供商。

    然后,您需要添加以下代码来添加过期标头:

    位置 ~* \.(jpg|jpeg|gif|png|svg)$ {
    365 天到期;
    }

    位置 ~* \.(pdf|css|html|js|swf)$ {
    3天后到期;
    }

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    此代码将为不同文件类型设置过期时间。请注意,图像的缓存时间比 HTML、CSS、JS 和其他文件类型要长,因为图像通常保持不变。

    之后,您可以添加以下代码来添加缓存控制标头:

    位置 ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
    14天到期;
    add_header Cache-Control“公共,无转换”;
    }由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    此代码设置缓存过期的时间。它告诉您的服务器上述文件类型在 14 天内不会更改。

    如果您希望进一步加快 WordPress 的速度,请务必查看我们有关如何提高 WordPress 速度和性能的指南。

    我们希望本文能帮助您了解如何轻松修复 WordPress 中的“利用浏览器缓存”警告。您可能还想查看我们的常见 WordPress 错误的最终列表以及如何修复它们,以及我们专家精选的最佳 SEO 工具和插件以获得更多流量。

    如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

    By

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注