如何在WordPress评论中延迟加载Gravatars

02/27/2023

为什么要在WordPress评论中延迟加载Gravatars?

Gravatar是一个非常流行的网络服务,它允许用户创建个人资料并将头像图片与其电子邮件地址关联。每次访客使用特定电子邮件地址发表评论时,这些图片就会在WordPress评论中显示出来。

尽管Gravatars对于用户互动和SEO来说非常有用,但每个用户的Gravatar都会增加一个HTTP请求。这会影响用户体验,因为用户需要等待更长的时间来查看页面内容。例如,在下面的截图中,您可以看到不同Gravatars发送的HTTP请求数量。

延迟加载评论部分的Gravatars可以阻止它们在可见之前加载。这样可以减少网站使用的带宽,并提高整体WordPress速度和性能。

如何在WordPress评论中延迟加载Gravatars

首先,您需要安装并激活a3 Lazy Load插件

激活后,从WordPress管理侧栏访问设置»a3 Lazy Load页面。在这里,打开“Lazy Load Images”选项卡。

然后,切换“Gravatars”选项旁边的开关。现在,您网站上的所有Gravatars,包括评论部分和作者简介部分的Gravatars,将被延迟加载,以提高网站速度。

满意后,只需点击底部的“保存更改”按钮,保存设置。

使用此插件,您还可以延迟加载WordPress内容中的图片、缩略图、视频等。您甚至可以滚动到“Effect & Style”选项卡,为Gravatars添加加载效果功能。

在此处,选择旋转或淡入加载效果。还可以选择加载背景颜色,这将在Gravatar加载时显示给用户。

完成更改后,不要忘记点击“保存更改”按钮保存设置。

现在,您可以访问WordPress网站上有评论的任何文章。这里,您会看到Gravatar图像随着用户向下滚动延迟加载。

提高WordPress网站速度的额外提示

除了Gravatars,您还可以为评论、视频和图片添加延迟加载功能,以提高页面加载速度。

如果不想延迟加载这些部分,您还可以尝试以下方法:

  • 通过添加尽可能小的文件大小来优化图片。
  • 使用如WP Rocket的WordPress缓存插件。
  • 使用为速度优化的WordPress插件和主题。

如果尝试了所有这些方法后页面速度仍未提高,我们建议切换到像Hostinger这样的快速WordPress网络托管服务提供商。Hostinger在我们的WordPress性能测试中表现出色。此外,他们为我们的读者提供了托管计划的独家折扣,起价仅为每月2.69美元。

最后,切换托管并使用我们所有提高网站速度的提示后,您可以使用不同的工具轻松测试网站性能。有关详细说明,请参阅我们关于如何正确运行网站速度测试的教程。

希望本文能帮助您在WordPress评论中延迟加载Gravatars以提高网站性能。您还可能想看看我们的WordPress评论管理初学者指南和我们精选的改进WordPress评论的最佳插件

如果您喜欢本文,请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在TwitterFacebook上找到我们。



Related Posts

  • 2024-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>