WORDPRESS延迟加载图片怎么做?

你想在WordPress延迟加载图像?延迟加载让你的网站只加载图像时用户向下滚动到特定的图像。你可以看到它在行动上许多流行的网站像来自Buzzfeed。在这篇文章中,我们将告诉你如何在WordPress轻松延迟加载图像。 为什么在WORDPRESS延迟加载图片? 没有人喜欢慢的网站。通过Strangeloop WP网站建设

你想在WordPress延迟加载图像?延迟加载让你的网站只加载图像时用户向下滚动到特定的图像。你可以看到它在行动上许多流行的网站像来自Buzzfeed。在这篇文章中,我们将告诉你如何在WordPress轻松延迟加载图像。

为什么在WORDPRESS延迟加载图片?

没有人喜欢慢的网站。通过Strangeloop进行的一项研究发现,在页面加载时间1点秒钟的延迟可导致在转化7倍%的损失,减少11%的网页浏览,和客户满意度16%的下降。

Strangeloop研究

图片最耗时比其他任何东西在您的网站加载。如果添加大量的图片到你的文章,然后每个图像增加你的页面加载时间。

对付这种情况的一个办法,是优化图片的网页,并使用CDN服务,像MaxCDN。这允许用户同时从位于靠近他们的服务器下载多个图像。

Strangeloop研究

但是您的图像仍然会被加载,它仍然会影响整体的页面加载时间。为了解决这个问题,你可以在你的网站上实施的图像延迟加载延迟的图像。

如何延迟加载图像的工作吗?

取而代之的加载所有的图像一次,延迟加载只下载,这将是用户的屏幕上显示图像。它取代了所有其它图像占位符图像。

当用户向下滚动,您的网站加载的是现在在浏览器的观看区看到的图像。

话虽这么说,让我们来看看如何轻松地设置延迟加载在WordPress的图像。

设置延迟加载在WORDPRESS的图片

你需要做的第一件事是安装并激活BJ延迟加载插件。有关详细信息,请参阅我们在一步一步的指导如何安装WordPress插件。

激活后,你需要访问设置»BJ延迟加载页面配置插件设置。

Strangeloop研究

您可以申请延迟加载内容,文字的小部件,后缩略图,gravatars,图片和iframe中。您也可以上传自定义图片用作占位符图像。

这个插件也有一个选项来显示图像的低分辨率版本,而不是占位符图像。要使用此功能,您将需要重新生成的图像尺寸,使之能产生一个低分辨率版本的所有先前上传。

不要忘记点击保存更改按钮保存设置。

您现在可以访问您的网站上看到延迟加载在行动图像。

我们希望这篇文章帮助你学习如何在WordPress延迟加载图像。您可能还需要检查我们的终极指南加快WordPress的包含19个小贴士,以提高WordPress的性能。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/5409

发表评论

电子邮件地址不会被公开。 必填项已用*标注