技术栈
列表优化
GJWeigege
7 个月前
前端
·
react.js
·
前端框架
·
懒加载
·
图片懒加载优化
·
列表优化
如何实现图片懒加载，原生 + React 实现方式
有时候列表存在许多图片，那么一次性加载会阻塞 http 请求，为了避免在可视窗口之外的元素进行不必要的图片加载，可以尝试使用懒加载进行优化。懒加载可以显著提高页面加载性能，特别是当页面包含大量图片时。为了实现延迟加载图片（也称为懒加载），可以使用 JavaScript 和 Intersection Observer API。