5分钟生成10篇英文软文article forge软件试用

懒惰是好事。 我说了。 不,我不是说整天坐在沙发上狂看电视节目。 我说的是决定延迟加载 WordPress 评论和图像以提高页面加载时间。

google广告开户

页面加载时间是您在 WordPress 网站上需要注意的关键指标之一。 即使您已经实施了我们加快 WordPress 的基本技巧(以及我们的更多速度技巧列表),您仍然可以通过延迟加载进一步减少加载时间。

在这篇文章中,我将解释延迟加载及其好处,然后向您展示如何延迟加载 WordPress 图像和评论。

什么是延迟加载?

不要被名字吓到! 尽管懒惰通常与消极情绪有关,但在这种情况下,这确实不是一件坏事。

延迟加载的工作原理是延迟加载您网站上的某些元素,直到绝对需要它们。 这让他们……懒惰。 他们坐在那里什么都不做,直到用户开始向下滚动页面。 然后,他们会根据需要采取行动。

以您的 WordPress 评论部分为例……

在我看过的几乎每个 WordPress 主题中,评论部分都在帖子的底部。 通常,它需要至少滚动几页才能到达评论。 那么立即加载评论有什么意义呢?

延迟加载说没有意义。 相反,延迟加载仅在读者开始向下滚动页面时才加载此类元素(这是唯一真正需要它们的时间)。

为什么要延迟加载 WordPress 评论和图片?

延迟加载 WordPress 元素主要是关于页面速度。 您可以通过延迟加载大大加快网站的初始页面加载时间。 当然,这些元素最终需要加载,但您的读者不会知道页面在第一次到达时没有完全加载。

考虑这个事实:

WordPress divi主题

平均而言,网页文件大小的 63% 由图像组成。 因此,通过延迟加载您已经优化的图像,您延迟了加载网站大部分页面大小的需要。

(Visualizer Lite 的图表。)

您的评论部分也是如此。 延迟加载 WordPress 评论可以消除页面大小和外部 HTTP 请求(如果您使用像 Disqus 这样的第三方评论插件)。 没有过多的细节,我只会说太多的 HTTP 请求会减慢您的 WordPress 网站,就像一个大文件大小一样。

延迟加载还有一个次要好处,那就是减少您的网站消耗的带宽,这对您和您的任何有带宽限制的读者都有好处。

既然您知道延迟加载 WordPress 元素的作用有多大,下面将介绍如何使用免费插件快速为您的图像和评论实现延迟加载。

如何延迟加载 WordPress 图像

如果您想要最简单的延迟加载 WordPress 图像的方法,您可以使用恰当命名的延迟加载插件。

从字面上看,您需要做的就是安装并激活插件。 然后它将自动开始延迟加载所有图像。 零配置或思想需要。

但是,由于它非常轻量级,因此您无法对图像延迟加载的方式进行任何更改。 这就是为什么如果你想自定义你的延迟加载设置,我会推荐使用不同的插件。

fiverr建站WordPress程序员

为此,您可以安装并激活免费的 BJ Lazy Load 插件。

该插件使您能够延迟加载:

  • 图片
  • 缩略图
  • 头像
  • iFrame(包括来自 YouTube 或其他网站的视频嵌入)
  • 文本小部件

要配置插件,请转到 设置 → BJ 延迟加载:

延迟加载 wordpress 图片

独立站选品工具

在这里,您可以为某些类型的元素启用或禁用延迟加载。 默认情况下,它为所有元素启用。 检查 框关闭延迟加载。

以下是您可以配置的其他内容:

  • 占位符图片网址 – 如果您想包含一个占位符图像,您的延迟加载图像将(最终)出现,您可以在此处输入图像的 URL。
  • 跳过带有类的图像 – 这是一个相当高级的设置。 如果你对 CSS 一无所知,可以放心地忽略它. 基本上,它允许您向某些图像添加 CSS 类以强制它们正常加载。
  • 临界点 – 这告诉插件您希望它多快加载图像。 默认情况下,一旦用户滚动到图像应该出现的 200 像素以内,它就会加载图像。 如果您希望图像更早加载,您可以增加数量。 如果您希望插件等待更长的时间来加载图像(一个坏主意,在我看来),您可以减少数字。
  • 使用低分辨率预览图像 – 启用后,这会添加一个低分辨率预览图像来代替您的全分辨率图像。 当图像延迟加载时,将显示完整分辨率。

保存更改后,您的图像应根据您的设置开始延迟加载!

如何延迟加载 WordPress 评论

使用现有插件也很容易实现延迟加载 WordPress 评论。 这里唯一的技巧是您选择的插件将取决于您使用的评论部分的类型。 也就是说,无论您使用的是原生 WordPress 评论、Disqus 评论、Facebook 评论还是其他东西。

高质量外链购买

值得庆幸的是,一位名叫 Joel James 的开发人员为各种评论部分创建了插件。 这就是你需要的……

正如我所提到的,所有这些插件都来自同一个开发人员,所以界面非常相似。 我将向您展示如何为原生 WordPress 评论配置延迟加载,但相同的原则适用于其他插件。

安装并激活 Lazy Load for Comments 后,转到 设置 → 讨论 配置它(注意——其他插件在侧边栏中有自己的标签)。 然后,向下滚动,直到找到 延迟加载评论 选项:

懒加载wordpress评论

JasperAI 10000字免费额度试用

您需要做的就是配置您希望评论部分的加载方式:

  • 在滚动:您的评论部分将在用户向下滚动页面时加载。 它不需要用户进行任何手动操作。
  • 点击时:只有在用户单击“加载评论”按钮后,您的评论部分才会加载。 它 需要手动操作才能查看评论。

选择您喜欢的选项并保存设置。 您的评论现在将延迟加载。 例如,如果您选择 点击时 选项:

懒加载wordpress-3

确保延迟加载 WordPress 图像和评论本身并不能治愈缓慢的网站。 但是,在您消除了所有明显的性能改进之后,这是从 WordPress 网站中获得更多性能的好方法。

WordPress备份工具updrafplus
免费指南

加快速度的 5 个基本技巧
您的 WordPress 网站

将加载时间缩短 50-80%
只需遵循简单的提示。

5分钟生成10篇英文软文article forge软件试用
tiktok