当前位置: 首页 > 工具软件 > LazySizes > 使用案例 >

js:lazysizes.js实现图片懒加载

巫马磊
2023-12-01

lazysizes实现图片懒加载

文档: https://www.npmjs.com/package/lazysizes

浏览器

<script src="https://cdn.bootcdn.net/ajax/libs/lazysizes/5.3.0/lazysizes.min.js"></script>

<img data-src="image.jpg" class="lazyload" />

ES6

$ npm i lazysizes

全局引入

import 'lazysizes';

懒加载

<img data-src="image.jpg" class="lazyload" />

参考
图片延迟加载3种实现方式
图片延迟加载方案

 类似资料: