如何在WordPress中加载图片

你想在WordPress的懒惰加载图像? 延迟加载允许您的网站只在用户滚动到特定图像时加载图像。 您可以在Buzzfeed等许多受欢迎的网站上看到它。 在这篇文章中,我们将向您展示如何在WordPress中轻松延迟加载图像。

在WordPress中延迟加载图片

为什么懒加载图像在WordPress?

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

奇怪的回忆研究

与其他任何事情相比,图片花费大部分时间加载您的网站。 如果您向文章添加大量图片,则每张图片都会增加您的网页加载时间。

处理这种情况的一种方法是优化网络图像并使用CDN服务,如MaxCDN。 这允许用户从位于其附近的服务器一次下载多个图像。

List25懒加载预览

但是,您的图片仍然会被加载,并且仍然会影响整个页面加载时间。 为了克服这个问题,你可以通过在你的网站上实现图片的延迟加载来延迟图片。

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

懒惰的加载不会一次加载所有的图像,只会下载用户屏幕上可见的图像。 它用占位符图像替换所有其他图像。

当用户向下滚动时,您的网站会加载现在在浏览器的可视区域中可见的图像。

这就是说,让我们看看如何轻松设置WordPress的图像延迟加载。

在WordPress中为图片设置延迟加载

首先你需要做的是安装并激活BJ Lazy Load插件。 更多细节

激活后,您需要访问 设置»BJ惰性加载 页面配置插件设置。

延迟加载设置

您可以将延迟加载应用于内容,文本小部件,发布缩略图,gravatars,图像和iframe。 您还可以上传自定义图像以用作占位符图像。

这个插件还可以选择显示图像的低分辨率版本,而不是占位符图像。 要使用此功能,您将需要重新生成图像大小,以便为您以前的所有上传生成低分辨率版本。

不要忘记点击保存更改按钮来存储您的设置。

您现在可以访问您的网站,查看运行中图像的延迟加载。