VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

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

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

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

什么是浏览器的原生懒加载?之前我们通过JavaScript实现了的懒加载功能。最新的Chrome浏览器开始为我们提供原生的懒加载功能,在Chrome的74版本开始提供实验性,从75版本开始

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

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

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

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

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

:原生惰性加载Google发布的一个WordPress插件,支持浏览器原生惰性加载。 https://vps.caogenba.com.com/86717.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » 原生惰性加载Google发布的一个WordPress插件,支持浏览器原生惰性加载。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址