图片是导致其在您网站上加载时间增加的关键因素之一。较重的图像需要更长的时间加载,从而破坏了用户的体验并提高了跳出率。延迟加载是解决此问题的方法之一。
今天,我们将讲解一下什么是延迟加载功能,并推荐一些好用的WordPress延迟加载插件。
什么是延迟加载
延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。
延迟加载有什么好处:
- 首先它能提升用户的体验,试想一下,如果打开页面的时候就将页面上所有的图片全部获取加载,如果图片数量较大,对于用户来说简直就是灾难,会出现卡顿现象,影响用户体验。
- 有选择性地请求图片,这样能明显减少了服务器的压力和流量,也能够减小浏览器的负担。
好用的WordPress延迟加载插件
现在我们已经了解了什么是延迟加载,让我们看一下最好的WordPress延迟加载插件。
1. Ajax Load More
Ajax Load More是WordPress网站最好的延迟加载插件之一。使用此插件,您可以消除延迟并促进无限滚动。凭借其独特的功能,它也被称为最好的WordPress延迟加载插件之一。
Ajax Load More可用于创建自定义WordPress简码查询,还包括诸如简码码生成器,查询参数,用于编辑和扩展网站功能的中继器模板,多个实例以及与多个站点的兼容性等功能。
2. A3 Lazy Load
A3 Lazy Load 是一个非常易于使用的插件,旨在帮助您更快地加载页面,并从背面使用最少的资源。关于此延迟加载WordPress插件的好处是,页面内容越重,该插件越能更好地帮助您对其进行优化,并确保您的网站不会滞后或对用户造成任何稳定性问题。
而且,它针对移动应用进行了优化,这意味着它具有响应能力,因此,由于几乎所有类型的内容都针对在手机上查看进行了优化,因此A3是有史以来最好的(即使不是最好的)WordPress延迟加载插件之一。
使A3 Lazy Load WordPress插件更好的原因是它非常易于安装和设置。通过对选项的控制,您可以准确选择所需的内容。之后,该插件将使其发挥神奇的作用。
3. Lazy Loader
Lazy Loader 是WordPress延迟加载插件,支持图像、iframe、音频和视频元素。该插件还允许用户手动更改标记,以延迟加载背景脚本、图像和样式。文章缩略图和背景图像也由Lazy Loader提供。可以从设置中允许所有这些延迟加载元素。
该插件仅适用于PHP 7或更高版本,因此在决定下载此插件之前,请确保您更新了WordPress版本。插件设置可让您添加要由延迟加载程序处理的过滤器,以允许iframe、照片、视频和背景图像延迟加载。
通过此插件,您还可以在网页上显示加载微调框。您也可以选择延迟加载特定的文章和页面。
4. Lazy Load by WP Rocket
WP Rocket是一个流行的WordPress缓存插件,可通过缓存静态数据来提高您网站的速度。保持其优化主题不变,WP Rocket还具有WordPress延迟加载插件,该插件仅在访客查看时才显示图像和帧。通过提高速度,这将减少HTTP请求并减少站点加载时间。
该插件不仅适用于内容图像,还适用于缩略图,文本小工具、头像、笑脸图标和iframe。这是一个非常简单的脚本,因此不会在您的WordPress上做很多工作。
该插件在官方WordPress官方库上已安装了100,000多个插件,并被评为80星以上的5星。
5. Lazy Load for Videos
Lazy Load for Videos 是由Kevin Weber为WordPress创建的功能强大的延迟加载插件。
通过用可点击的预览图像(还包括视频标题)替换嵌入式的Youtube和Vimeo视频,该插件提高了网站速度。这个WordPress智能加载插件仅加载视频,直到访客单击预览为止。
您还可以使用视频的延迟加载功能,删除出现在YouTube视频末尾的类似视频,在缩略图大小之间进行选择,从不同的播放按钮类型中进行选择,等等。
6. Speed Up – Lazy Load
Speed Up是另一个延迟加载插件,可从WordPress存储库免费获得。安装和配置插件很简单。您所要做的就是从WordPress存储库中将插件下载并安装在仪表板上。该插件仅重5kb,因此您的整体WordPress性能不会受到影响。
插件不会下载未显示在访问者屏幕上的iframe和图像,例如屏幕底部的图像,需要滚动2或3次才能到达。
由于它是新的,因此此WordPress延迟加载插件没有太多安装,但确实可以完成。
总结
WordPress的延迟加载是减少网站加载时间的一步。该技术功能强大,许多站点所有者使用延迟加载来增加具有大量图像的网站的站点速度。以上介绍的插件可以让你很方便地为网站添加延迟加载功能。
需要注意的是,不要同时使用多个延迟加载功能,因为有些主题自带该功能,某些缓存插件也会自带,所以,不要同时使用,否则可能会适得其反。
最后,推荐阅读:一定要看的WordPress网站性能及速度优化建议
优化网站打开速度,延迟加载是不可缺少的,不过现在很多主题已经添加了这个功能
我想弄个延迟加载图片,有代码吗
自带的延迟加载比插件差多少?要是差不多就用自带的了
能正常使用自带的,就用自带的
这个提高用户体验挺不错的