在WordPress网站上启用图像的延迟加载!

更新日期:10年2016月XNUMX日/文章作者:Vishnu

延迟加载是一个非常有用的技巧,可以更快地加载您的网页,或者看起来更快。 假设您有一个包含20图像的网页,这并不常见。 您认为加载所有20图像需要多长时间以及它有多少页面加载时间? 人们可能会认为,像这样的网页的加载时间的很大一部分都会转向 图片 和其他数据重物。

另一方面,使用延迟加载,您可以延迟加载尚未在阅读器中查看的图像。 这意味着读者实际看到的内容,加载速度更快,表明网站比实际更快。

使用免费的WP插件可以轻松完成延迟加载。 您应该知道某些缓存插件(如WP Rocket)包含延迟加载脚本作为其功能的一部分。

火箭延迟加载

此插件减少了HTTP请求的总数,这意味着它减少了服务器需要通信以传达相同数量信息的次数。 结果,加载时间和服务器资源的使用减少。

火箭惰性加载仅显示阅读器可见的图像。 它也适用于几乎所有图像(包括缩略图,帖子内容或文本小部件中的图像)。 该插件不使用jQuery,而是通过在页面标题中添加一些JavaScript来工作的,该脚本非常轻便。 在我看来,这是该插件最吸引人的部分–它根本没有任何选择,只需简单地插入和激活,就可以完成。

它没有选择的事实可能对少数人不太有吸引力。 您还有其他替代方案可以选择延迟加载,请继续阅读!

 下载Rocket Lazy Load

延迟加载

这个Lazy Load插件使用jQuery.sonar在读取器向下滚动并且图像进入视图时加载图像。 Lazy Load由来自Automattic的一些很棒的人组成。 延迟加载应该可以缩短站点加载时间并提高服务器带宽。 该插件通过仅加载考虑到读取器负载的图像来确保减少服务器带宽的使用。
 下载Lazy Load

BJ延迟加载

BJ Lazy Load通过使用占位符替换所有帖子图像,缩略图,内容iframe和gravatars,可以减少服务器带宽使用量并使您的网站更快。 此插件还涵盖了来自YouTube和Vimeo的嵌入式视频。

您还可以尝试在主题中的图像和iframe上进行延迟加载。

BJ

最大的区别在于大多数其他延迟加载插件无法提供的选择。 您可以在内容,缩略图,文本小部件,gravatars,iframe和可以启用/禁用延迟加载的不同图像类中选择图像。

 下载BJ Lazy Load

其他插件

高级延迟加载 是另一个WordPress驱动的网站的延迟加载插件,它确实带来了很多类似于BJ Lazy Load的选项。 您还可以选择移动设备特定的延迟加载设置,这可能是具有大量移动网页浏览量的网站可能需要的设置。

Lazy Load XT 是一个免费插件,可为几乎所有类型的内容(包括iframe,视频和图片)提供延迟加载。 该插件还是轻巧的插件,不需要太多资源即可有效运行。 当对前端网页内容提出服务器请求时,Lazy Load XT的工作方式是用data-src替换src属性。

给你!

延迟加载肯定会带来更好的用户体验。 延迟加载对于媒体繁重的网站来说非常重要,这是一个简单的技巧,可以确保读者非常开心。

请记住,延迟加载插件只会延迟加载图像。 对于具有最佳性能的真正高效的网站,您可能需要考虑使用CDN来帮助提供所有静态数据和 一个功能强大的缓存插件,如W3 Total Cache 将您的动态内容转换为静态内容。

关于毗湿奴

Vishnu是一名夜间自由撰稿人,白天担任数据分析师。

连接: