标签： wordpress

拥有一个快速加载的网站对于用户体验和SEO（搜索引擎优化）至关重要。具有优化速度的网站往往具有较低的跳出率，从而导致更高的参与度和转化率。谷歌也偏爱快速网站，并在搜索结果页面上排名更高。

从编码标准到托管服务提供商，许多组件都会影响网站速度。因此，有很多方法可以提高网站性能，而Web缓存是最有效的方法之一。

Web 缓存存储站点数据的副本以供将来请求。Web缓存不是从服务器下载原始数据，而是将这些缓存文件提取给您的网站访问者。因此，您的内容显示得更快。

但是，缓存文件可能会过期——这将阻止访问者看到您网站的更新版本。

为了解决这个问题，我们将向您展示如何使用流行的WordPress插件清除缓存。我们还将包括删除浏览器缓存以获得更有效结果的步骤。让我们先解释一下什么是缓存以及它是如何工作的。

• 解释WordPress缓存是什么以及它是如何工作的
  • 使用LiteSpeed清除缓存
  • 使用WP Super Cache清除缓存
  • 使用W3 Total Cache清除缓存
  • 使用WP Fastest Cache清除缓存
  • 使用Cloudflare清除缓存
• 清除浏览器中的缓存

解释WordPress缓存是什么以及它是如何工作的

缓存是静态内容的临时存储位置，例如HTML、Javascript、CSS和媒体文件。

每当您访问网站时，您的浏览器都会向该网站的服务器发送请求。服务器可能需要一两分钟来获取和显示请求的内容——网络缓存使这个过程更快。

Web 缓存下载站点的静态内容并将其存储为缓存文件。因此，您的浏览器可以向服务器创建更少的请求，因为它已经有缓存的内容。

Web缓存有两个主要系统：

• 客户端缓存——也称为浏览器缓存，这种类型的缓存将静态内容存储在本地存储中。当用户重新访问网站时，它会加载得更快，因为缓存的版本已经存储在浏览器缓存文件夹中。
• 服务器端缓存——具有与客户端缓存类似的概念。但是，它使用服务器来存储网站的缓存数据。服务器缓存可以存储来自多个数据库的各种站点数据，使其成为高流量网站的绝佳解决方案。

总而言之，Web缓存通过存储网站的静态版本来减少对服务器的请求，从而提高网站性能。

它还减少了您的网络资源，因为处理更少的请求需要更少的带宽，这可以使资源有限的网站受益。

清除WordPress中的缓存

有时您更改和调整您的WordPress网站，但您的内容没有在前端更新。这可能是因为您的WordPress服务器仍在显示页面的缓存版本。

幸运的是，清除WordPress缓存通常可以解决此问题。当您的网站缓存为空时，缓存系统可以存储更新的数据并将其显示给您的访问者。

清除WordPress网站缓存的最简单方法是安装插件。以下部分将说明如何使用四个流行的WordPress缓存插件清除缓存，并展示如何在您的域指向Cloudflare时清除缓存。

使用LiteSpeed清除缓存

使用LiteSpeed Cache for WordPress (LCWP) 插件来有效管理缓存的存储和使用方式。这个缓存插件使用LiteSpeed服务器缓存来改善站点加载时间，并带有LiteSpeed独有的功能。

LiteSpeed Cache插件提供了多种清除WordPress缓存的方法。从根据特定条件设置自动缓存清除到为计划清除包括特定网站URL。请按照以下说明进行操作：

1. 安装并激活插件后，访问您的WordPress管理仪表盘。然后，转到LiteSpeed Cache。

2. 选择工具箱菜单，将出现LiteSpeed缓存工具箱窗口。

3. 您可以清除各种类型的缓存，从页面缓存到CSS/JS缓存。选择您要执行的缓存清除类型。

4. 如果您想完全清除WordPress缓存，请选择Purge All。请注意，它不会删除您WordPress网站上的关键数据——您可以继续清除缓存。
5. 但是，如果您只想清空站点某些部分的缓存，请向下滚动到“Pure By”部分。从那里，使用类别、标签或URL输入您的内容。

除了访问您的WordPress仪表盘之外，您还可以通过访问它来清除特定页面的缓存——请记住，您需要以管理员身份登录。只需将鼠标悬停在管理栏上的LiteSpeed图标上，然后选择Purge this page。

使用WP Super Cache清除缓存

WP Super Cache使用三种缓存模式修改WordPress站点中的缓存系统：WP caching, Simple和Expert。

Expert和Simple方法服务于超级缓存文件，因此它们是高流量网站的绝佳解决方案。唯一的区别是专家方法涉及重写.htaccess文件中的规则以获得更快的性能。同时，WP缓存方法缓存登录用户，例如在您的网站上发表评论或存储个人信息的访问者。

这个WordPress缓存插件还可以通过单击刷新缓存文件。只需按照以下步骤操作即可：

1. 从您的WordPress管理后台，转到设置-> WP Super Cache。

2. 在WP Super Cache Settings页面中，向下滚动到Delete Cached Pages部分。然后，单击Delete Cache按钮。

此外，WP Super Cache插件提供了广泛的缓存功能，其中最突出的功能是垃圾收集。用户可以设置缓存超时时间，系统会相应地清除缓存文件。为此，请按照以下说明操作：

1. 转到设置 -> WP Super Cache -> Advanced。然后，向下滚动到Expiry Time & Garbage Collection。

2. 根据需要设置缓存超时和间隔。

如果您不经常更新您的WordPress网站，将其设置为3600秒将是理想的选择。但是，拥有大量动态内容的繁忙网站（例如电子商务网站）的所有者应将其设置为600秒，以防止性能下降。

3. 接下来，单击Change Expiration以保存更改。

4. 如果要禁用垃圾收集，只需将缓存超时设置为0秒。

使用W3 Total Cache清除缓存

W3 Total Cache是最受欢迎的缓存插件之一，以其定制和节省带宽的功能而闻名。该插件通过缩小、提要优化和HTTP压缩节省高达80%的带宽使用量。它提供多种缓存功能，包括浏览器、数据库和站点缓存。

此缓存插件还附带有助于提高SEO性能的AMP支持。此外，用户可以使用其WP-CLI支持命令界面来执行各种任务，例如缓存清除和查询字符串更新。

以下是使用W3 Total Cache清除WordPress缓存的方法：

1. 安装此缓存插件后，访问您的WordPress管理后台并转到Performance -> Dashboard。

2. 单击位于页面顶部的empty all caches。
3. 系统将开始清除您的WordPress缓存。结束后，您应该会看到此消息。

4. 除了empty all caches按钮外，还有其他用于删除多种缓存类型的按钮，包括仅从数据库中清除Memcached缓存。只需单击按钮即可开始相应的操作。

使用WP Fastest Cache清除缓存

WP Fastest Cache是另一个流行的缓存插件，以其各种优化和缓存功能而闻名，例如缩小、缓存预加载和GZIP压缩。它带有一个直观的仪表板并使用mod_rewrite来提供最快的缓存解决方案。

用户可以开启缓存超时，省去手动清缓存的麻烦。每当发布新页面或帖子时，该插件还可以自动删除所有缓存文件——这可以防止过时的数据显示在您的WordPress网站上。

按照以下步骤使用WP Fastest Cache执行自动缓存清除：

1. 从您的WordPress管理后台，导航到WP Fastest Cache。它将打开WP Fastest Cache Options页面。

2. 勾选Cache System设置旁边的框。启用缓存后，该插件将定期清除您的缓存。

3. 如果您想在发布文章或页面时清除缓存文件，只需检查“New Post”和“Update Post”设置。

4. 要启用更多功能，请继续并勾选每个设置的框。请务必单击提交按钮以保存更改。

此外，还有一个手动删除WordPress缓存的选项：

1. 转到WP Fastest Cache并选择Delete Cache选项卡。
2. 从那里，按Delete Cache按钮。
3. 同时，如果您刚刚编辑了CSS或JavaScript文件，请选择Delete Cache and Minified CSS/JS按钮。
4. 在页面底部，您将找到Timeout Rules设置。只需单击Add New Rule即可设置到期时间。

5. 将出现一个弹出窗口。在那里，您可以配置要缓存的页面或帖子的条件以及删除它们的频率。单击保存以添加规则。

使用Cloudflare清除缓存

除了使用WordPress缓存插件外，您还可以使用Cloudflare清除缓存。这是一项内容交付网络 (CDN)服务，具有多种功能来提高您的网站性能，包括缓存控制、快速缓存清除和Web缓存保护。

要使用此方法清除WordPress缓存，请将您的域指向Cloudflare。

如果您的WordPress主机没有自动为您设置Cloudflare，请按照以下步骤操作：

1. 创建一个Cloudflare帐户。
2. 添加您的域名并等待系统识别您的DNS记录。
3. 选择计划级别。
4. 当Cloudflare提供所需的名称服务器时，只需复制值并从您的托管帐户仪表板更新您的名称服务器。

将您的域指向Cloudflare后，请按照以下步骤清除WordPress缓存：

1. 登录您的Cloudflare仪表盘并单击您的WordPress站点的域。

2. 导航到Caching菜单并单击Configuration。

3. 选择您喜欢的清除缓存的方法。要清除所有缓存文件，请单击“Purge Everything”按钮。如果要选择特定页面，请选择Custom Purge并填写要清除的页面。

清除浏览器中的缓存

清除您自己的浏览器缓存也有助于解决加载和格式问题。它将删除过时的文件，允许您的浏览器获取您网站的新版本。这样做还可以修复与服务器相关的问题，包括502 bad gateway和504 gateway timeout。

请记住，删除浏览器缓存也可能会删除您的浏览器数据，例如书签和设置首选项。因此，请务必从浏览器中导出数据，并在清除缓存后将其重新导入。

以下步骤将向您展示如何清除Google Chrome中的缓存。请注意，相同的步骤也适用于其他浏览器。

1. 打开您的Chrome应用程序。
2. 单击屏幕右上角的三点(⋮)菜单。
3. 选择更多工具 -> 清除浏览数据。
4. 它将带您到一个页面，您可以在其中执行基本或高级缓存清除。

5. 选择您喜欢的方法，设置时间范围，并根据需要选中相应的框。取消选中密码和其他登录数据选项以保留您的登录凭据。
6. 最后，单击清除数据按钮。

小结

缓存是让您的网站加载更快的好方法——它存储您网站静态内容的副本以供将来重用。但是，过时的缓存文件可能会阻止访问者在您的网站上看到新的更改。

幸运的是，清除您的网站缓存可以解决这个问题。本教程向您展示了如何使用WordPress流行的缓存插件清除WordPress缓存。如果删除WordPress服务器缓存不能解决问题，请尝试删除浏览器缓存。

请注意，一旦缓存的文件被删除，浏览器和服务器将需要一些时间来再次下载它们——这可能会导致加载时间比以前稍长。

WordPress带有默认的评论系统，您可以使用它在您的博客上进行互动讨论。您可以选择启用或禁用站点范围内的评论以及单个博客文章。当您对文章有大量评论时，用户需要滚动浏览整个评论部分才能到达页脚。

在本文中，我们将解释如何在WordPress中延迟加载评论以仅在需要时加载它们。

懒加载评论

延迟加载是仅在有用户交互时才加载内容的功能。虽然WordPress用户主要使用延迟加载图像，但您也可以使用此功能进行评论。以下是您需要在WordPress网站中延迟加载评论的一些原因。

• 评论仅在您的博客文章底部可用，因此在初始页面加载期间不需要加载它们。
• 长长的评论列表会增加DOM元素，从而影响您网站的页面加载速度。
• 当用户不想发表评论时，评论表单可能会影响用户在您网站上的体验。
• 冗长的评论列表会在移动设备上占据很大的空间，这是可以避免的。
• 默认情况下，评论将显示gravatar图像，如果您从设置中禁用gravatar，大多数主题将无法正确对齐评论部分。由于gravatar图片是从第三方网站加载的，因此会影响您网站的速度。

总之，在需要时隐藏和加载评论表单将改善页面加载时间和用户体验。由于这些是谷歌搜索算法中的排名因素，您可以通过延迟加载评论来提高排名。

评论分页的默认选项

WordPress 在“设置 > 讨论”部分提供了一些默认设置来管理评论。例如，您可以设置在博客文章中显示的最大评论数。当评论数量超过设置限制时，这将创建分页评论。但是，它并没有提高多少速度，因为评论表单将在初始页面加载期间加载。

在WordPress仪表盘中启用分页评论

对于gravatar图片，您可以通过WP Rocket或Perfmatters等插件使用图片延迟加载功能。此外，大多数免费缓存和优化插件都提供图像延迟加载功能，您可以使用它来延迟加载gravatar图像。

在WordPress中延迟加载评论

懒加载评论可以解决很多速度问题，包括懒加载gravatar图片。为此，您必须使用延迟加载评论插件并选择方法。登录到您的WordPress仪表盘部分后，转到“插件 > 安装插件”区域。搜索“lazy load comments”并向下滚动以找到lazy load comments插件。

单击“立即安装”按钮，然后单击“启用”按钮开始在您的站点上使用该插件。

安装lazy load comments插件

自定义评论延迟加载选项

该插件提供了一种简单的设置来决定您希望如何延迟加载评论部分。转到“设置 > 讨论”部分并向下滚动到底部。在“头像”部分上方，您可以找到“Lazy Load Comments”的新选项。

延迟加载评论设置

单击“lazy load comments”的下拉菜单以找到三个可用选项。

选择滚动延迟加载评论

• On Scroll – 当用户到达页面上的评论部分时，延迟加载滚动评论。这是一个默认选项，类似于延迟加载图像。
• On Click – 这将显示“Load Comments”按钮，用户可以单击它以显示评论和表单部分。
• No Lazy Load – 这将禁用延迟加载功能，因此不要选择此选项。

我们建议选择“On Click”选项以显示一个按钮，该按钮可以通过两种方式提供帮助。首先是只有感兴趣的用户想要留下或阅读评论才会点击按钮。其次，它可以通过隐藏评论和表单来节省空间，从而改善手机上的用户体验。选择选项后，向下滚动并单击“保存更改”按钮以在您的站点上应用设置。

在您的网站上进行测试

我们建议您在测试或临时站点中测试延迟加载按钮。这是因为按钮的外观取决于您主题的样式，并且大多数主题不支持正确的样式。下面是“Load Comments”按钮在默认的WordPress主题二〇二二中的外观。单击按钮时，您将看到一个旋转的加载程序，然后将出现评论部分。

在默认WordPress主题中加载评论按钮

这是按钮在我们测试过的第三方主题之一上的外观。它只是显示为没有清晰可见性的文本。

加载评论按钮未对齐

如果您的主题没有正确显示“Load Comments”按钮，您需要使用自定义CSS调整填充和边距细节。该插件使用llc_comments_button的CSS类ID来定义按钮样式。例如，下面是我们用来对齐breek主题上的按钮的CSS代码。

#llc_comments_button {
padding: 15px;
margin: 100px;
border-radius: 5px;
font-size: 18px;
background: rgb(255 241 118);
}

您可以在浏览器中使用检查选项检查源代码，并在实时站点上调整填充、边距、边框半径和其他参数。

在浏览器中自定义按钮CSS

如果要在悬停时更改按钮背景，请使用以下CSS。由于我们在上面的CSS中使用黄色变体作为默认按钮背景，这里我们使用白色来显示悬停。这与黑色文本颜色混合，以便用户可以清楚地看到按钮并阅读文本。

#llc_comments_button:hover {
background: rgb(255 255 255);
}

准备好CSS后，转到WordPress管理仪表盘并导航到“外观 > 自定义”部分。将CSS代码粘贴到“附加CSS”部分下，然后单击“发布”按钮。

在定制器部分添加额外的CSS

请注意，定制器不会反映按钮，因为延迟加载仅适用于实时站点。

评论链接的问题

许多主题在文章标题下方显示“评论”链接作为文章元数据。延迟加载评论时，此评论链接将不起作用，因为当您在文章标题部分时不会加载评论部分。

标题下方的评论元链接

不幸的是，这里唯一的选择是禁用评论元链接。Astra、GeneratePress和Kadence等流行的轻量级主题提供了一个选项来切换您想要在标题下方显示的元数据。但是，如果您的主题不提供此功能，您可能需要使用CSS来隐藏链接。如上所述，您可以右键单击链接并使用检查选项在开发人员工具部分中找到相关的CSS类。拥有评论元数据的CSS类后，在“外观 > 自定义 > 附加CSS”部分下添加以下CSS以隐藏链接。

.my_comments_meta {
display: none;
}

如果需要，请从主题开发人员那里获得有关如何隐藏元链接的帮助。

延迟加载第三方评论设置

一些网站所有者使用Facebook或Disqus评论而不是默认的WordPress评论表单。虽然这有助于减少评论垃圾邮件，但它会通过发送额外的HTTP请求以从第三方站点加载评论，从而极大地影响速度。如果您使用Facebook或Disqus评论，那么您可以使用不同的插件延迟加载它们。您可以使用Facebook的Lazy Social Comments插件和Disqus的Disqus Conditional Load插件。

FB和Disqus评论延迟加载插件

这些插件也来自同一作者，但是提供了大量的自定义设置。对于Facebook评论延迟加载，安装插件后转到“设置 > Lazy FB Comments”部分。填写应用ID的详细信息、要显示的评论数量、选择配色方案并选择点击选项。您还可以添加一个“Comments Div Class”以将按钮包装在 div元素中，您可以使用其他CSS进行自定义，如上所述。

Lazy FB Comments设置

Disqus Conditional Load插件需要在延迟加载之前完全集成Disqus。它将在仪表盘侧边栏中创建名为“Disqus”的附加菜单项。您可以浏览不同的部分并自定义设置以延迟加载Disqus评论。

Disqus Conditional Load插件设置