什么是懒加载?如何实现懒加载?

您所在的位置:网站首页 懒指什么 什么是懒加载?如何实现懒加载?

什么是懒加载?如何实现懒加载?

2024-07-01 00:39| 来源: 网络整理| 查看: 265

懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。

懒加载的优点:

提升用户体验,加快首屏渲染速度;减少无效资源的加载;防止并发加载的资源过多会阻塞 js 的加载;

懒加载的原理:

首先将页面上的图片的 src 属性设为空字符串,而图片的真实路径则设置在 data-original 属性中,当页面滚动的时候需要去监听 scroll 事件,在 scroll 事件的回调中,判断我们的懒加载的图片是否进入可视区域,如果图片在可视区内则将图片的 src 属性设置为 data-original 的值,这样就可以实现延迟加载。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3