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

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


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

另一方面,通过延迟加载,您可以延迟加载读者尚未看到的图像。 这意味着读者实际看到的内容加载速度要快得多,这表明该网站比实际速度要快得多。

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

火箭懒加载

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

Rocket Lazy Load 仅显示读者可见的图像。 它也适用于几乎所有图像(包括缩略图、帖子内容或文本小部件中的图像)。 该插件不使用 jQuery,它通过在页面标题中添加一些 JavaScript 来工作,并且脚本非常轻巧。 这是我认为插件中最吸引人的部分——它根本没有任何选项,简单的插入和激活,你就完成了。

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

下载火箭延迟加载

延迟加载

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

BJ 懒加载

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

您也可以尝试延迟加载主题中的图像和 iframe。

北京

最大的区别是大多数其他延迟加载插件所不具备的选择可用性。 您可以在内容、缩略图、文本小部件、gravatar、iframe 和不同的图像类中选择可以启用/禁用延迟加载的图像。

下载 BJ 延迟加载

其他插件

Advanced Lazy Load 是另一个用于 WordPress 驱动的网站的延迟加载插件,它确实提供了很多与 BJ Lazy Load 非常相似的选项。 您还可以选择特定于移动设备的延迟加载设置,这可能是具有大量移动页面浏览量的网站可能需要的。

Lazy Load XT 是一个免费插件,它为几乎所有类型的内容提供延迟加载,包括 iframe、视频和明显的图像。 该插件也是一个轻量级插件,不需要太多资源即可有效运行。 当服务器请求前端网页内容时,Lazy Load XT 通过将 src 属性替换为 data-src 来工作。

交给你了!

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

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

Leave a Comment