如何提高WordPress评论加载性能

自学咖网努力为各位打造免费分享知识与教程网站

你有没有注意到你最受欢迎的博客文章——那些引发大量评论的文章——需要更长的加载时间?如果你的评论系统没有仔细配置,很高兴看到WordPress评论滚滚而来,但它真的会拖慢你的网站。

想想让评论发挥作用的资源:

查询数据库以提取现有评论,

为每个新评论创建一个数据库条目,

和评论元数据由访问者的浏览器接收和处理,

请求、下载和加载外部资源,如Gravatar,以及

在许多情况下,必须下载和处理大量的JavaScript和jQuery资源,才能使注释系统按预期工作。

因此,繁忙的评论部分将增加web服务器的负载,增加页面的整体大小,增加所需的HTTP请求的数量,并为浏览器添加额外的JavaScript资源来应对。无论你是使用原生WordPress评论还是插入第三方评论系统(比如Disqus或者脸书评论),评论都会拖累你网站的速度。你应该优先考虑优化你的网站的性能。网站的评论部分。顺便说一句。如果你在处理垃圾评论方面有问题,请务必阅读我们关于如何阻止垃圾评论的详细指南。

修复加载缓慢的注释的策略

优化本地WordPress评论

使用第三方评论系统

延迟加载注释

修复加载缓慢的注释的策略

如果你发现评论区降低了你最受欢迎的博客文章的加载速度,你可以做点什么:

完全禁用注释。这样肯定能解决问题。但是,如果你的评论部分没有增加任何价值,你真的应该考虑一下。如果你的评论区太忙,以至于不能让你的网站慢下来,那么它可能会增加足够的价值,以至于你不想杀死它。查看我们关于如何在WordPress中禁用评论的完整教程。

优化原生WordPress评论。如果你使用的是原生WordPress评论系统,你可以采取一些措施来加快速度。

使用第三方审查系统。如果你的网站托管在一个廉价且资源匮乏的共享服务器上,那么使用第三方评论系统可能会加快有大量评论的页面的速度。

延迟加载评论。无论你使用的是WordPress原生评论还是Disqus之类的第三方评论系统,都要想办法延迟评论的加载,以免拖慢初始页面渲染速度。

让我们分别考虑每一种策略,这样你就能找出最适合你网站的策略。

优化本地WordPress评论

对于已经加载了大量原生WordPress评论的网页,你可以做两件事来加速:限制最初加载的评论数量,使用本地托管的头像。让我们依次看看每个选项。

显示的评论数量有限

默认情况下,WordPress被设置为在初始页面加载时加载你所有的评论。但是,加载几十条甚至几百条评论,每条评论都包含一个唯一的头像,确实会扩大你的页面,产生很多额外的HTTP请求。

您可以非常容易地减少初始页面加载时加载的评论数量。

进入WordPress管理区的设置>讨论。

找到其他注释设置部分。

选中“按页面显示注释”旁边的复选框,并为初始页面加载时要显示的注释数量添加一个值。

滚动到页面底部,单击按钮保存更改。

自学咖网努力为各位打造免费分享知识与教程网站

WordPress管理后台的评论设置

完成这些步骤后,您指定的评论数量将在初始页面加载时显示。

使用本地托管的头像或在您的CDN上

WordPress内置了对Gravatar的支持。这意味着任何拥有Gravatar账户的用户在使用原生WordPress评论系统评论博客时,都将添加他们的自定义图像作为头像。这给评论区增加了一个很好的个性化元素,但是代价很大。当加载WordPress评论时,每个唯一的Gravatar需要一个HTTP请求。因此,如果一个页面加载了来自50个不同评论者的评论,下载所有这些Gravatar需要50个HTTP请求。可以想象,这会对页面速度产生相当大的影响。

如果您认为Gravatar不值得添加HTTP请求,您有两个选择。首先,你可以完全禁用头像,方法是进入设置>讨论,找到头像部分,取消选中头像显示框。

如果你不想采取如此激烈的措施,另一个选择是切换到本地托管的化身。为此,请安装WP用户头像插件。安装后,转到头像>设置,并选择复选框禁用Gravatar,只使用本地头像。如果你不喜欢WP用户头像自带的默认头像,woorkup教程里有一张关于使用本地托管头像的干净神秘的用户图片,你可以上传使用作为默认头像。

记住,做了这个改变后,所有的评论都将使用默认头像显示,除非用户在你的网站上注册并上传了自定义头像。

您最后的选择是将Gravatars加载到您自己的CDN上。

使用第三方评论系统

出于各种原因,您可能会对切换到第三方审查系统感兴趣。首先,您需要考虑服务器负载。创建和加载注释是一个资源密集型过程。如果你博客的评论部分真的很忙,那么把工作卸载给第三方评论系统会减轻你网站服务器的负荷。

此外,第三方系统提供了比原生WordPress评论系统更好的用户体验。他们还可能鼓励更多的访问者发表评论,因为已经拥有第三方系统帐户的访问者可以立即发表评论,而无需注册或向您的网站提供详细信息。

在某些情况下,所有这些好处都会发挥作用。然而,这并不是普遍适用的。

不是所有人都喜欢第三方评论系统,其他人担心幕后收集的数据。此外,第三方评论系统比原生WordPress评论更快的想法在理论上听起来不错,但在实践中事情通常不会这样发展。

如果你决定使用第三方评论系统,那么这样做是因为你喜欢使用这种特殊系统的体验,因为你确信你的网站访问者会像你一样喜欢它。不要为了感觉到的性能改进而转向第三方评估,这种评估可能更多是理论上的,而不是实际的。如果您确实跳转到第三方系统,一定要考虑实现下一个策略:延迟加载。

延迟加载注释

无论你使用的是原生的WordPress评论还是第三方系统,延迟评论的加载是一种几乎肯定会加快页面加载时间的技术。当访问者到达页面中的某个点时,或者通过单击类似“查看评论”的按钮,延迟的评论系统将从初始页面呈现中删除,并由JavaScript加载。

如果实现延迟加载听起来有点技术性,那是因为确实如此。谢天谢地,你不用去发现。你可以使用一些插件来延迟加载你选择的评论系统。

延迟加载本地评论

WordPress核心没有内置延迟加载评论的功能。然而,我们推荐的一个很棒的轻量级免费解决方案是评论插件的惰性加载。

自学咖网努力为各位打造免费分享知识与教程网站

WordPress插件-延迟加载评论

这个插件可以从WordPress插件目录中获得。因此,你可以直接从WordPress管理区安装它。这将通过延迟所有WordPress头像的加载来减少HTTP请求的数量。配置很简单。只需安装并在讨论设置下,有两个选项。默认情况下,它被设置为“在滚动中”,这可能是大多数人更喜欢的。你也可以将它设置为“On Click”,这将在评论加载之前为访问者创建一个点击按钮。

自学咖网努力为各位打造免费分享知识与教程网站

或者点击。

延迟加载原生注释的另一个选择是使用wpDiscuz插件。

自学咖网努力为各位打造免费分享知识与教程网站

WordPress插件-wpDiscuz

这个插件可以从WordPress插件目录中获得。因此,你可以直接从WordPress管理区安装它。

转到插件>安装插件。

搜索“wpDiscuz”,然后选择“立即安装”按钮。

安装插件后,进入评论>设置。

向下滚动,直到看到注释加载/分页类型,然后选择滚动时延迟加载注释单选按钮。

接下来,进入设置>讨论。

在“其他注释设置”部分,减少“分页注释”后面的框中的数字。

使用小于10的数字,然后保存更改。

请注意不要选中该行旁边的复选框。如果选中了这个框,默认的评论分页将覆盖wpDiscuz实现的延迟加载功能。

现在,当你访问任何超过10条评论的页面时,只会加载前10条评论。到达评论部分的底部后,其他评论将被自动加载。

延迟装载问题

如果你使用Disqus,延迟加载Disqus注释是非常重要的。如果你不这样做,Disqus可能会成为你的网站加载速度的真正障碍。然而,与原生WordPress评论相比,延迟加载Disqus评论实际上可以加快你的网站速度。

自学咖网努力为各位打造免费分享知识与教程网站

Disqus条件加载插件

Disqus条件加载是一个免费的插件,可以用来延迟在你的网站上加载Disqus。如果您以前从未使用过Disqus,您首先需要注册一个帐户并将新站点添加到Disqus。设置Disqus站点后,进入插件>安装插件,搜索“Disqus条件加载”并选择立即安装,安装Disqus条件加载。

安装完成后,转到Comments > Disqus并选择Upgrade来配置您的数据库以使用Disqus。在下面的屏幕上,使用您的Disqus用户名和密码登录Disqus。在下一个屏幕中,选择几分钟前添加的Disqus站点,然后选择“下一步”按钮。完成最后一步后,Disqus将被安装在您的网站上,并被配置为当读者到达您博客的评论区时延迟加载。

除了延迟加载所有图像(头像),它还可以让你禁用计数脚本,如果你不使用它。结果,你的WordPress网站上的JavaScript调用减少了一倍。

延迟加载脸书评论

上面提到的Disqus条件加载插件的开发者也创建了一个免费插件,用于延迟你的WordPress网站上脸书评论的加载。脸书的脚本以瘫痪网站而闻名,即使它们是异步加载的。

自学咖网努力为各位打造免费分享知识与教程网站

懒惰的脸书评论插件

懒惰的脸书评论是一个免费的插件,你可以用来加载滚动评论或点击按钮。这可以确保您只在需要的时候加载脸书脚本。您还可以调整注释的数量、配色方案、语言、宽度、排序顺序等。

总结

评论是大部分博客的核心功能,但是新兴的评论板块真的会拖慢你网站的加载速度。你可以通过优化原生WordPress评论和延迟加载评论来加速评论和WordPress网站,从初始页面加载中移除它们。

hmoban主题是根据ripro二开的主题,极致后台体验,无插件,集成会员系统
自学咖网 » 如何提高WordPress评论加载性能