图片是导致网站加载时间增加的关键因素之一,越大的图片需要越长时间的加载,这样就会破坏用户体验,提高跳出率。

而图片延迟加载是解决这个问题的方法之一,今天,银狐将解释什么是图片lazy load,并推荐一些有用的WordPress图片延迟加载插件。

六个好使的WordPress图片lazyload插件 图片延迟加载

什么是延迟加载

延迟加载也称为惰性加载,即网页中先加载出网页在加载图像。在用户滚动到这个窗口的图像之前,不会加载这些图像。

这与图像预加载相反,在长网页上使用延迟加载会使网页速度更快。某些情况下,还可以降低服务器负载。

延迟加载有什么好处:首先可以提升用户体验,试想一下,如果打开页面时就加载了页面上的所有图片,如果图片有很多,那网站速度就会很慢很慢,从而影响用户体验。而选择性的请求图片可以降低服务器的压力和流量来给wordpress提速,也可以减轻浏览器的负担。

好用的WordPress延迟加载插件

下面银狐就为大家推荐几款lazy load插件

1.Ajax Load More

Ajax Load More是WordPress网站上最好的延迟加载插件之一,有了这个插件,您可以消除延迟并促进无限滚动。凭借其独特的功能,也被称为最好的WordPress延迟加载插件之一。

Ajax Load More是终极的WordPress无限滚动插件,可通过Ajax支持的查询来懒加载文章,单个文章,页面,评论等。

使用Ajax Load More短代码构建器构建复杂的自定义WordPress查询,然后通过内容编辑器将生成的短代码添加到您的页面中,或直接添加到模板文件中。

Ajax Load More与流行的电子商务插件(如WooCommerce和Easy Digital Downloads)无限滚动兼容。

下载地址:https://wordpress.org/plugins/ajax-load-more/

2.A3 Lazy Load

a3延迟加载是一个面向移动设备的,非常简单易用的插件,可以加快网站页面的加载速度。您的网站内容越重,插件将执行得越好,您将看到的性能改进也就越多。请参阅此页面演示,其中包含1,000张图像(是1,000张图像)要加载。

a3 Lazy Load受到ressio Lazy-Load-xt JavaScript的启发和支持。

a3 Lazy Load是功能最齐全,非常容易设置的WordPress延迟加载插件。使用插件管理设置可以轻松定义哪些元素是延迟加载的,以及何时在用户浏览器中可见。当用户向下滚动页面时,仅当它们在视口中可见时,才加载您应用了惰性加载的下一个元素。

100%与WORDPRESS 5.5兼容
WordPress 5.5引入了对所有上传到站点媒体库的图像的延迟加载。a3延迟加载图像选项与此并肩工作,但是随后通过延迟加载从媒体库外部或在不支持新WP属性的旧版浏览器中加载的所有图像来增强它。

下载地址:https://wordpress.org/plugins/a3-lazy-load/

3. Lazy Loader

延迟加载插件,支持图像,iFrame,视频和音频元素,并使用轻量级的lazysizes脚本。通过手动修改标记,还可以延迟加载背景图像,脚本和样式。

延迟加载(无需任何手动修改):

通过帖子,页面,自定义帖子类型,文本小部件等插入img或插入的图像picture

发布缩略图。

内联背景图像。

或通过处理整个标记的选项,标记中的所有图像和其他启用的媒体(不排除或已经具有延迟加载属性)。

iFrames、视频元素、音频元素。

下载地址:https://wordpress.org/plugins/lazy-loading-responsive-images/

4. Lazy Load by WP Rocket

延迟加载仅在用户可见时才在页面上显示图像和/或iframe。这减少了HTTP请求机制的数量并缩短了加载时间。

您可以延迟加载缩略图,帖子内容或窗口小部件文本中的所有图像,头像,笑脸和iframe。没有使用jQuery之类的JavaScript库,脚本重量小于10KB。

您也可以用预览缩略图替换Youtube iframe,以进一步加快网站的加载时间。

开启延迟加载以优化您的图片,并使您的网站更快!

下载地址:https://wordpress.org/plugins/rocket-lazy-load/

5. Lazy Load for Videos

此插件可以缩短页面加载时间并提高您的Google PageSpeed得分。它可与oEmbed一起使用,并用可单击的预览图像替换嵌入式Youtube和Vimeo视频。

通过仅在用户单击预览图像时加载视频,就不会加载不必要的JavaScript。特别是在具有许多嵌入式视频的网站上,这将使您的访问者满意。

此外,所有YouTube视频均使用 “https://www.youtube-nocookie.com” 嵌入URL以增强隐私的模式加载。

该插件适用于您现有的YouTube和Vimeo块。没有供应商锁定,也没有自定义简码:随时随地轻松打开和关闭插件。

下载地址:https://wordpress.org/plugins/lazy-load-for-videos/

6. Speed Up – Lazy Load

该插件实现了“延迟加载”技术,可避免下载未显示在屏幕上的图片和iframe(例如:页面底部的图片),直到用户将其显示为止。这样可以提高页面的加载速度并节省带宽。

不需要配置!您只需要安装它,插件完成所有操作后,便无需采取任何其他措施。

这个插件非常轻巧:只有5 kb。

下载地址:https://wordpress.org/plugins/speed-up-lazy-load/

总结

WordPress的延迟加载是减少网站加载速度的一个重要操作,这项技术功能强大,很多站长利用延迟加载来提高图片数量大的网站的站点速度。

上面介绍的这些插件可以让你轻松的在网站上添加延迟加载功能。

需要注意的是,不能同时使用多个延迟加载的插件,因为有些主题或许缓存插件有这个lazy load的功能,所以不要同时使用,否则可能会适得其反。