什么是利用浏览器缓存以及如何在 WordPress 中修复它

如果您一直试图在 Google PageSpeed Insights 中最大化您的分数，您可能已经注意到其中有很多因素。 而且您可能不知道每一个的含义，尤其是利用浏览器缓存警告。

除此警告外，您还将获得浏览器通常会存储的图像列表。 此列表旨在通知您哪些图像没有必要的信息，或者更具体地说，是过期日期。

好消息是，虽然名称不是很有帮助，但解决方案很简单。 今天，我将解释什么是利用浏览器缓存以及如何在 WordPress 中修复它。

什么是杠杆浏览器缓存？

这 利用浏览器缓存 警告提醒用户他们没有为静态图像设置过期日期。 到期日期告诉 Web 浏览器应该存储特定图像多长时间。

在最新版本的 Google PageSpeed Insights 中，此警告消息已重命名。 它现在被称为“使用有效的缓存策略服务静态资产”。

不管叫什么，原因和解决方法都是一样的。

现在，在静态图像上需要一个过期日期可能听起来有点奇怪，但它很有意义。 让我们面对现实吧，网站上没有什么是真正静态的。 最终，您将更改图像、进行促销或只是重新设计您的网站。

一切都会改变，并且不告诉浏览器发生了变化会使页面加载速度变慢。

即使有到期日期，如果日期太短，您仍然可能会收到错误消息。 是的，错误实际上是那么挑剔。 好消息是该错误提供了需要修复图像的所有实例。

如何修复 WordPress 中的杠杆浏览器缓存错误

有多种解决方案可以解决此特定错误，我将介绍该问题的最常见解决方案。 好消息是这些方法都不是特别难。 事实上，它们中的大多数只需要几分钟即可完成。

在开始之前，请记住每个网站都是独一无二的。 适用于一个网站的方法可能不适用于另一个网站，尤其是在您运行大量第三方脚本的情况下。

如果一种方法不起作用，只需尝试另一种方法。

方法一：缓存控制

Cache-control 是一个 HTTP 标头，它为您的网站指定浏览器缓存策略。 几乎每个网站都将使用此标头或 Expires 标头（请参阅下一个方法）来启用浏览器缓存资产。

如果您知道您当前使用的方法，请专注于该方法。 这很重要，因为您不应该同时添加这两个。 虽然它不会产生可怕的影响，但它被认为是多余的。

好消息是，这就像复制和粘贴一行代码一样简单。

现在，如果您检查 Google PageSpeed Insights 报告并展开错误，您应该会看到不包含数据的图像列表、这些图像的大小以及缓存 TTL 信息。

如果缓存 TTL 显示“无”，那么您就知道过期日期是问题所在。

您需要的代码取决于您使用的服务器类型。 例如，如果您使用的是 Apache 服务器，则必须将以下代码添加到您网站的 .htaccess 文件中：

标头集 Cache-Control “max-age=84600, public”

该代码将过期代码设置为 84,600 秒，相当于 1 天。 您可以将此数字更改为您喜欢的任何数字，但这通常足以解决错误消息。

笔记： 如果您找不到您的 .htaccess 文件，您可能没有。 不要害怕，生成文件很容易。

方法 2：过期标头

Expires 标头是一个 HTTP 标头，它告诉浏览器缓存数据何时到期。 如果数据太旧，则被认为是陈旧的，必须与网站连接才能再次获取信息。

与 Cache-control 相比，这是更经典的方法，但至今仍然有效。 同样，如果您当前没有使用 Expires 标头，则此方法不适合您。 相反，您的网站正在使用缓存控制 (见方法一）。

再一次，这个解决方案只需要你复制和粘贴一些代码。 它还取决于您正在运行的服务器类型。

对于 Apache 服务器，以下代码会为各种媒体类型（jpg、jpeg、png 等）设置最长一个月的过期日期，将其输入到 .htaccess 文件中：

## 过期标题缓存##

过期活动在
ExpiresByType image/jpg “访问 1 年”
ExpiresByType 图像/jpeg “访问 1 年”
ExpiresByType image/gif “访问 1 年”
ExpiresByType image/png “访问 1 年”
ExpiresByType image/svg “访问 1 年”
ExpiresByType text/css “访问 1 个月”
ExpiresByType 申请/pdf “访问 1 个月”
ExpiresByType 应用程序/javascript “访问 1 个月”
ExpiresByType application/x-javascript “访问 1 个月”
ExpiresByType application/x-shockwave-flash “访问 1 个月”
ExpiresByType image/x-icon “访问 1 年” ExpiresDefault “访问 2 天”

## 过期标题缓存##

您可以将时间更改为任何值，但这通常足以解决 PageSpeed Insights 中的错误消息。

方法 3：第三方脚本

前两种方法侧重于如何管理 Web 服务器上的所有内容，但有时问题可能来自外部来源。 第三方脚本是从您的网络服务器外部加载的资源。

例如，在一个具有讽刺意味的事件中，谷歌分析可能是你错误的原因。 或者，它可能是其他东西，例如 WordPress 的 Disqus 评论系统。

基本上，任何未直接存储在您网站上的内容都可能导致 Leverage Browser Caching 错误。 我知道，在故障排除方面不是很有帮助。

那么，如果它来自第三方来源，您如何解决此问题？

好吧，老实说，有时你不能。 其中一些第三方脚本无法在本地托管它们，因此，您无能为力，但有些有替代方案。 真正的问题是找到它们。

找出导致错误的脚本的可靠方法是逐个删除它们并执行 PageSpeed Insights 测试。 如果删除某个脚本解决了问题，那么您可以研究解决方案。

方法 4：使用缓存插件

WordPress 最好的部分是您可以使用的庞大的插件库。 而且由于缓存是运行网站的重要组成部分，因此有大量可用的插件可以解决这个问题，但与大多数事情一样，结果会有所不同。

以下是一些可用的最佳缓存插件。

1. 光速缓存

光速缓存 是 WordPress 最流行的缓存插件，它可以轻松解决 Google PageSpeed Insights 将显示的每个浏览器缓存警告。 事实上，它有专门的设置，只是为了利用浏览器缓存错误。

当然，这只是插件提供的一部分。 它可以显着加快您的网站速度。

在利用浏览器缓存方面，您只需要在设置中启用浏览器缓存即可。 它甚至有一个区域供您手动输入到期日期。 或者，这些可以自动设置。

除此之外，它与大多数主要的 WordPress 插件兼容，例如 WooCommerce 和 BBPress。 只需基本安装，您的网站速度就会显着提高，并且可以通过更精细的方法提高一倍甚至三倍。

2.WP火箭

WP火箭 是一个了不起的高级插件，可以显着提高您网站的性能。 它还有一个专门用于浏览器缓存的完整部分，它将自动设置到期日期。

因此，您永远不会从您的网站上的源中看到杠杆浏览器缓存错误，但仍然可能来自第三方脚本。

也就是说，WP Rocket 确实有助于优化其中一些第三方问题，例如 Facebook Pixel。 WP Rocket 是一个全面的缓存解决方案，包括图像优化、站点地图预加载、移动检测等等。

最重要的方面之一是它的易用性，但问题是它不允许访问者免费试用。 因此，您必须购买它才能试用，但可以利用 14 天退款保证。

3. WP最快的缓存

WP 最快的缓存 是另一个出色且免费的 WordPress 缓存插件，可以解决这个问题。 事实上，它会在安装时自动完成。 没错，除了安装它，您实际上不需要做任何事情。

顾名思义，它专门用于加速您的 WordPress 网站。

正如您可能已经猜到的那样，它最大的资产是它为您做所有事情。 也就是说，您可以自己配置一些设置，但其中大多数都被锁定在插件的高级版本之后。

其他一些功能包括多站点支持、缩小 CSS、JavaScript 和 HTML、启用图像延迟加载、提供 Cloudflare 支持等等。

它拥有加速 WordPress 所需的一切。

4. W3总缓存

W3 总缓存 是缓存插件行业的另一个大牌，它取得了令人难以置信的成果。 就像我提到的其他人一样，它有一个专门的浏览器缓存部分，可以解决服务器端的任何错误。

它还可以帮助一些第三方脚本。

与其他插件不同，W3 Total Cache 确实需要比其他插件更多的手动设置。 也就是说，这不是一件坏事。 它可以帮助您更好地控制网站的缓存，这就是它如此受欢迎的原因。

W3 Total Cache 和其他插件之间的主要区别之一是这是一个完整的框架。 其他插件努力改善或纠正普通网站的特定问题，而这个插件远远不止于此。

为什么速度如此重要？

出于各种原因，优化您的网站以提高速度对于成功至关重要。

首先，让我们关注用户体验。 没有人喜欢缓慢的网站。 访问者等待页面加载的每一秒都是他们可能选择离开您的页面的另一秒。 对于某些网站，这将花费他们的销售额。

快速加载时间确保访问者可以浏览他们想要的所有内容，并且不会质疑他们是否真的需要购买东西。

从 SEO 的角度来看，速度是谷歌和其他搜索引擎用来对网站进行排名的公认因素之一。 您的网站越快，它的排名就越好。 它的排名越好，您将获得更多的流量。

您获得的流量越多，您可以赚到的钱就越多。

不要忘记修复其他错误

杠杆浏览器缓存错误只是 Google PageSpeed Insights 测试可以揭示的问题之一。 坦率地说，它远不是你最应该关心的。 相反，请花一些时间查看您看到的其他错误。

也就是说，重要的是要意识到您仍然可以拥有一个快速的网站并获得糟糕的页面分数。

此测试分析您网站的许多组件。 真正降低页面得分的主要因素之一是您使用的第三方脚本的数量。 它影响的不仅仅是浏览器缓存，因此请谨慎使用它们。

您在 WordPress 中使用哪个缓存插件？ 解决错误消息后，您是否注意到性能提升？