7个鲜为人知(但很有用)的WordPress性能插件

WordPress性能插件

您的WordPress主机可能快如闪电,但对于编码糟糕或未优化的插件和主题,它并不总是魔杖。有时,即使只是一个糟糕的插件或代码片段也可能成为您网站最大的敌人,并使所有内容陷入困境。今天我们将与您分享一些方便的、鲜为人知的WordPress性能插件,它们可以帮助您排除故障并加快您的网站速度。

用另一个插件修复插件或脚本听起来可能很讽刺。这可能不是解决问题的最佳方式。但是对于那些不是WordPress开发人员的人来说,在很多情况下,这可能是您必须求助的。没有完美的插件或开发人员这样的东西,因此有时掌握一些技巧来让它们更好更快地运行会非常有用。下面列出的许多插件并不那么受欢迎,有些只有几千次安装,但它们绝对值得一些额外的认可,以及他们的开发人员。

请记住,添加更多插件不一定是坏事,只要它们是轻量级的并且开发得当。我们已经看到许多带有60多个插件的站点可以在1秒内轻松加载。归结为选择正确的,然后优化它们。

1.Query Monitor

我们推荐的第一个WordPress性能插件是Query Monitor,这是一个免费的WordPress调试和开发插件。您可以使用它来识别和调试缓慢的数据库查询、AJAX调用、REST API请求等等。此外,该插件还会报告网站详细信息,例如脚本依赖项和依赖项、在页面生成期间触发的WordPress钩子、托管环境详细信息、当前页面满足的条件查询标签等等。

Query Monitor插件

Query Monitor插件

该插件由John Blackbourn开发,John Blackbourn是WordPress的核心提交者,目前是Human Made的一名开发人员,之前受雇于WordPress VIP。在撰写本文时,它目前有超过100,000次活跃安装,评分为5星(满分5星)。您可以从WordPress插件库下载它 ,也可以在WordPress仪表盘中的“安装插件”下搜索它。

您可以将其用于各种事情。开发人员会喜欢这个插件,因为您可以缩小页面上发生的每个查询的范围。如果您是开发人员,您甚至可以查看该插件是否使最有效的查询成为可能。它不仅适用于前端,您还可以使用它来解决WordPress仪表盘中的性能问题。

查询监控

查询监控

这是一个较大站点的WordPress仪表盘的示例。我们可以立即看到Pretty Link插件是“最重的击球手”。

按组件查询

按组件查询

您可以查看我们关于如何使用Query Monitor的完整深入教程,以及更多用例场景。

2. Complete Analytics Optimization Suite(CAOS)

我们建议检查的第二个插件是免费的Complete Analytics Optimization Suite,由Daan van den Bergh创建和开发。此插件允许您在WordPress网站上本地托管Google Analytics。

Complete Analytics Optimization Suite插件

Complete Analytics Optimization Suite插件

它目前有超过20,000次活跃安装,评分为5星(满分5星)。您可以从WordPress插件库或通过在WordPress仪表盘中的“安装插件”下搜索来下载Complete Analytics Optimization Suite。该插件允许您在本地托管您的Google Analytics JavaScript文件 (analytics.js) 并使用wp_cron() 保持更新。其他功能包括能够轻松匿名访问访问者的IP地址、设置调整后的跳出率以及放置脚本(页眉或页脚)。

在本地托管分析脚本的一些好处是,您可以将向Google发出的外部HTTP请求从2个减少到1个,并且您现在可以完全控制文件的缓存。您还可以摆脱恼人的浏览器缓存警告,具有讽刺意味的是,这是由Google自己的脚本引起的。

未使用浏览器缓存警告

未使用浏览器缓存警告

只需安装该插件,输入您的Google Analytics跟踪 ID,该插件就会将Google Analytics的必要跟踪代码添加到您的WordPress网站,下载并保存analytics.js文件到您的服务器,并使用wp_cron()中的预定脚本保持更新。我们还建议将其设置为在页脚中加载。注意:此插件不能与其他 Google Analytics相关的WordPress插件一起使用,并且不受Google支持或推荐的方法

本地分析设置

本地分析设置

3. Disqus Conditional Load

如果您确实使用Disqus,那么延迟加载Disqus评论非常重要。如果您不这样做,Disqus可能会成为您网站加载速度的真正障碍。为什么?因为默认情况下,它必须加载每个头像,以及由于Disqus广告的更改,它们现在包含的所有其他脚本。因此,我们绝对建议您查看Joel James的免费Disqus Conditional Load插件。

Disqus Conditional Load插件

Disqus Conditional Load插件

该插件目前有超过10,000 次活跃安装,评分为4.8(满分5星)。您可以从WordPress插件库下载Disqus Conditional Load,也可以在WordPress仪表盘的“安装插件”搜索安装。在启用此插件之前,您需要禁用官方Disqus插件。除了延迟加载所有图像(头像)之外,它还允许您在不使用计数脚本时禁用它。所以在您的WordPress网站上少了一个JavaScript调用。

我们进行了一些快速测试,以便您可以看到差异。在我们的示例中,我们有一篇包含35条评论的博客文章。我们首先使用官方Disqus插件对其进行了测试,然后使用Disqus Conditional Load插件进行了测试。

官方Disqus插件

我们首先在Pingdom中进行了5次测试并取平均值。如您所见,113个请求的总加载时间为917毫秒。

使用官方Disqus插件进行速度测试

使用官方Disqus插件进行速度测试

Disqus Conditional Load插件

然后我们切换到Disqus Conditional Load插件并在Pingdom中再次运行5次测试。如您所见,我们的加载时间下降到685毫秒,现在只有88个请求!谈论一个小小的免费插件交换的主要区别。对于使用Disqus的大型新闻网站,这可能会产生奇迹。

使用Disqus Conditional Load插件进行速度测试

使用Disqus Conditional Load插件进行速度测试

4. Lazy Load for Comments

也许你根本就不是Disqus的粉丝。它肯定有其优点和缺点。如果你更喜欢使用原生的WordPress评论,这也有类似的问题。默认情况下,它会在每个页面加载时加载所有的头像。延迟加载评论的功能并未内置于WordPress核心中。但是,我们推荐的一个很好的轻量级免费解决方案是Lazy Load for Comments插件。这也是由James Joel开发的。

Lazy Load for Comments插件

Lazy Load for Comments插件

这是一个较新的插件,目前只有100次有效安装,评分为5分(满分5分)。您可以 从WordPress插件库或通过在WordPress仪表盘的“安装插件”搜索安装。

配置非常简单。只需安装并在讨论设置下,有两个选项。默认情况下,它设置为“On Scroll”,这是大多数人可能会喜欢的。您还可以将其设置为“On Click”,这将创建一个按钮供访问者在评论加载之前点击。

Lazy Load for Comments选项

Lazy Load for Comments选项

我们进行了一些快速测试,以便您可以看到差异。在我们的示例中,我们再次使用相同的博客文章,上面有35条评论。我们首先使用本机评论对其进行测试,然后使用Lazy Load for Comments插件进行测试。

原生评论

我们首先在Pingdom中进行了5次测试并取平均值。如您所见,106个请求的总加载时间为827毫秒。

使用原生WordPress评论进行速度测试

使用原生WordPress评论进行速度测试

Lazy Load for Comments

然后我们切换到Lazy Load for Comments插件并在Pingdom中再次运行5次测试。如您所见,我们的加载时间下降到685毫秒,现在只有87个请求!这太棒了。对原生评论进行如此小的调整,并立即变得更快。

Lazy Load for Comments的速度测试

Lazy Load for Comments的速度测试

5 . Disable Emojis

当他们发布WordPress 4.2时,他们将表情符号支持添加到旧浏览器的核心中。最大的问题是它会在您的WordPress站点上生成一个额外的HTTP请求来加载wp-emoji-release.min.js文件。这会加载到每个页面上。虽然这个文件只有10.5KB,但这些东西会随着时间的推移而增加。对于大多数企业来说,他们永远不会使用表情符号。好消息是有一个名为Disable Emojis的免费插件,由Ryan Hellyer开发 。

禁用表情符号插件

禁用表情符号插件

这个插件超级轻量级​​,准确地说只有9KB。在撰写本文时,它目前有超过70,000 次活跃安装,评分为5星(满分5星)。您可以从WordPress插件库下载它 ,也可以在WordPress仪表盘中的“安装插件”下搜索安装。表情符号和表情符号仍可在内置支持的浏览器中使用。该插件只是删除了用于在旧浏览器中添加表情符号支持的额外JavaScript文件。无需配置,只需安装、激活,额外的JavaScript文件就会消失。

以下是它将在您的WordPress网站上禁用的脚本示例。

wp-emoji-release.min.js

wp-emoji-release.min.js

您还可以查看我们的教程,了解如何在不使用插件的情况下禁用表情符号

6 . Disable Embeds

然后我们有嵌入。当他们发布WordPress 4.4时,他们将oEmbed功能合并到核心中。您之前可能已经看到或使用过它。这允许用户只需粘贴URL即可在其网站上嵌入YouTube视频、推文和许多其他资源,WordPress会自动将其转换为嵌入内容,并在可视化编辑器中提供实时预览。

WordPress长期以来一直是oEmbed消费者,但随着更新,WordPress本身成为oEmbed提供者。此功能对很多人都很有用,您可能希望保持启用状态。但是,这意味着它现在还会在您的WordPress站点上生成一个额外的HTTP请求来加载wp-embed.min.js文件。这会加载到每个页面上。虽然这个文件只有1.7KB,但这些东西会随着时间的推移而增加。请求本身有时比内容下载大小更重要。

wp-embed.min.js

wp-embed.min.js

值得庆幸的是,有一个名为Disable Embeds的免费插件,由Pascal Birchler开发,  他实际上是WordPress的核心贡献者之一。

禁用嵌入插件

禁用嵌入插件

这个插件超级轻量级​​,准确地说只有3KB。在撰写本文时,它目前有超过20,000次活跃安装,评分为5星中的4.8。您可以从WordPress插件库下载或者WordPress仪表盘中的“安装插件”下搜索下载。无需配置,只需安装、激活,额外的JavaScript文件就会消失。具有以下特点:

  • 防止其他人嵌入您的网站。
  • 防止您嵌入其他未列入白名单的网站。
  • 禁止在您的WordPress网站上加载JavaScript文件。

您仍然可以使用YouTube和Twitter的嵌入iframe脚本嵌入内容。

7. perfmatters

区块上还有一个名为perfmatters的新插件,它允许您实际组合上述三个插件。这使得管理和更新变得更加容易。perfmatters插件实际上是由Kinsta团队成员之一开发的!

WordPress插件-perfmatters

WordPress插件-perfmatters

这是一个高级插件,只需单击一下,您就可以轻松实现众多Web性能优化。以下只是您可以进行的众多优化中的一小部分:

  • 禁用表情符号
  • 禁用嵌入
  • 删除查询字符串
  • 移除jQuery迁移
  • 禁用和/或限制后期修订
  • 更改自动保存间隔
  • 禁用pingbackstrackback
  • 禁用 XML-RPC
  • 删除RSS Feed链接
  • 禁用WordPress Heartbeat API
  • DNS预取
  • 禁用WooCommerce脚本和样式
  • 禁用WooCommerce购物车片段 (AJAX)

许多这些优化有助于减少站点上的HTTP请求并减少数据库膨胀。请务必注意,它不会从您的站点中删除任何文件,它只是使用WordPress钩子禁用它们。这是完全安全的。

性能设置

性能设置

其中最强大的功能之一是脚本管理器。这允许您根据正在访问的页面有条件地加载CSS和JS。这是一个简单而轻量级的插件,它允许摆脱由主题和插件注册的无用的 CSS 和 JS 文件。即使您通过HTTP/2运行,您仍然可以减少页面加载的一些时间。

作为脚本管理器功能的一个快速示例,我们启动了我们的开发站点并安装了以下插件,这些插件是您可能在客户站点或博客上找到的典型插件:

  • Contact Form 7
  • Disqus Comment System
  • Q2W3 Fixed Widget
  • Social Warfare
  • Table of Contents Plus
  • TablePress

在perfmatters插件之前

然后我们在Pingdom中进行了5次测试并取平均值。如您所见,我们的总页面大小为264.4 kB,加载时间为469毫秒,总共有24个请求。

perfmatters插件之前的速度测试

perfmatters插件之前的速度测试

配置perfmatters插件

然后我们配置 perfmatters 插件。为此,只需浏览到您网站上的一个页面,在本例中是主页,然后单击WordPress管理栏中的“Script Manager”。

管理栏中的perfmatters

管理栏中的perfmatters

许多WordPress插件的最大问题之一是它们会在整个网站上加载脚本。甚至像Contact Form 7这样的流行插件也能做到这一点。对于大多数人来说,他们真的只需要在他们的联系页面上加载Contact Form 7的脚本。Social Warfare和Disqus等插件也是如此。Social Warfare提供社交媒体按钮,您实际上只想在您的博客文章中加载这些按钮。对于Disqus,同样如此。使用perfmatters,您可以将它们配置为加载到某些页面、某些文章、完全禁用它们等。几乎任何配置。

在这个例子中,我们禁止在我们的主页上加载以下12个脚本,因为它们不是必需的。您的主页毕竟是您网站上最重要的页面之一,也是访问者通常首先看到的页面。perfmatters允许您通过单击按钮禁用脚本。

/wp-content/themes/twentyseventeen/assets/js/html5.js 
/wp-content/plugins/contact-form-7/includes/css/styles.css 
/wp-content/plugins/table-of-contents-plus/screen.min.css 
/wp-content/plugins/social-warfare/css/style.min.css 
/wp-content/plugins/tablepress/css/default.min.css 
/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js 
/wp-content/plugins/contact-form-7/includes/js/scripts.js 
/wp-content/plugins/table-of-contents-plus/front.min.js 
/wp-content/plugins/social-warfare/js/script.min.js 
/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js 
/wp-content/plugins/disqus-comment-system/media/js/count.js 
/wp-includes/js/wp-embed.min.js

使用perfmatters插件禁用脚本

使用perfmatters插件禁用脚本

在perfmatters插件之后

然后我们在Pingdom中再次运行了5次测试并取平均值。如您所见,我们现在的总页面大小是231.7kB,我们的加载时间是424毫秒,我们总共有12个请求。我们真的用这个插件将我们的总请求减少了一半! 并且没有进行串联,这意味着这完全符合提高HTTP/2性能的最佳实践。它利用原生WordPress钩子,这就是它应该如何完成的。

perfmatters插件后的速度测试

perfmatters插件后的速度测试

当然,这只是一个小网站的例子。在更大的站点上,您可以禁用某些不需要的WooCommerce脚本、EDD脚本等。您可能知道这是多么强大。通常,如果某些东西没有被使用或需要,最好不要为用户加载它。这确保了可能的最佳加载时间。对于那些还没有在支持HTTP/2的服务器上运行的人来说,使用这个插件你会看到更大的速度提升。您可以尝试的另一个免费替代方案,非常相似,是Plugin Organizer插件。

有关加速WordPress的其他资源

除了上面提到的所有出色的性能插件外,这里还有一些额外的资源可以帮助您进一步加快网站速度。

小结

如您所见,上面的许多WordPress性能插件只是小幅调整。但是,如果您开始实施所有这些,它们绝对可以使网站速度更快。

根本不需要评论?然后您可以简单地禁用WordPress中的评论。我们是否错过了其他任何性能良好的插件?如果有更加好的东西,请留言告诉我们。

标签

评论交流

闪电博沟通群

扫码加入QQ交流群 695891297