原生惰性加载Google发布的一个WordPress插件，支持浏览器原生惰性加载。

延迟加载是一种延迟加载屏幕可视范围之外的资源的方法。也就是说，当用户打开一个网页时，屏幕可视范围之外的资源是不先加载的，等它们出现在可视范围内时再加载。这种方法可以减少首页的HTTP请求数量，提高首页的加载速度，特别是对于图片资源较多的网站。

什么是浏览器的原生懒加载？之前我们通过JavaScript实现了网页图片的懒加载功能。最新的Chrome浏览器开始为我们提供原生的懒加载功能，在Chrome的74版本开始提供实验性支持，从75版本开始默认开启。

在浏览器支持这个功能后，我们用JavaScript实现了图片的懒加载功能，而现在我们可以通过在HTML中添加一个标签直接实现图片的懒加载功能。原生懒加载不使用JavaScript，没有额外开销，性能自然会好很多。

如果浏览器支持，开发人员可以向img和iframe标记添加额外的加载属性，以打开和控制浏览器的延迟加载行为。该属性支持以下3个值:

Lazy:打开该元素的延迟加载行为。Eager:禁用该元素的延迟加载行为，即在呈现网页时立即加载。Auto:让浏览器决定是否使用延迟加载。当loading属性设置为auto时，相当于不设置该属性。原生Lazyload原生惰性加载插件。我们知道，WordPress的很多图片都是通过模板标签输出的。通过模板标签修改HTML输出添加属性，支持原生的懒加载功能，并不是那么容易。考虑到这一点，谷歌为我们开发了插件Native Lazyload。

插件可以自动给图片添加加载属性，开启浏览器的原生懒人加载功能。如果浏览器不支持loading属性，插件将回退到基于IntersectionObserver的JavaScript解决方案。如果JavaScript被禁用，但浏览器支持loading属性，插件将在图片元素中添加一个noscript变量，图片仍将包含loading属性，无需进一步更改。

目前只有Chrome支持loading属性，因为这个属性可以为大范围的图片的懒加载需求提供更方便、更高性能的解决方案。相信其他浏览器很快也会支持这个属性。此外，我们还提供WordPress性能优化服务。如有需要，请联系我们咨询。

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：原生惰性加载Google发布的一个WordPress插件，支持浏览器原生惰性加载。 https://zhujicankao.com/86717.html