当前位置：首页 > 技术博客 > HTML > IMG 图片原生懒加载 loading="lazy"

IMG 图片原生懒加载 loading="lazy"

2年前 (2023-09-23)HTML1313

使用 HTML 原生方案实现图片的懒加载，人上了年纪很多属性不想去死记硬背了，每次用都要百度，我这次还是写篇文章记录一下吧

HTML loading 属性适用于 img 和 iframe，语法规范见 HTML Standard - Lazy loading attributes。

关键词	状态	描述
lazy	懒惰的	用于延迟获取资源，直到满足某些条件。
eager	渴望的	用于立即获取资源；默认状态。

属性的值默认值和无效值都是 Eager 状态。

<img loading="lazy" src="./example.jpg" />

滚动即会触发图片懒加载，不会说滚动一屏后再去加载。

标签: HTML

Outstock是一个最独特的电子商务网上购物商城HTML模板。Outstock将让你的商品看起来更令人印象深刻,对观众的吸引力。响应式设计网格布局,你的网站将...

新拟态风格的--简洁的快捷图标导航ui布局，鼠标悬停图标按钮动画特效。下载链接: https://pan.baidu.com/s/1GfmxV1kSCRmeNk...

原生抖音罗盘时钟代码分享罗盘文字时钟软件非常火文字时钟本站给大家分享这款就是通过原生j来s实现的文字时钟源码，有喜欢的朋友可以下载哦下载链接: https:...

一款简洁大气的手工商品，手工制品，手工艺术品销售商城HTML响应式模板。它总共包含2个主页、6个博客页面、6个商店页面、11个产品页面、6个内页等。...

简约大气的jQuery bootstraps响应式健康医疗护理类网站模板下载链接: https://pan.baidu.com/s/11l38ZnQEjcpWQ...