为啥我用图片懒加载的插件不生效啊

来源:5-3 图片加载优化【突破大型网站图片加载的瓶颈】

def_myself

2021-11-25

老师好,react-lazy-load-image-component插件不生效是咋回事

写回答

1回答

Mr_Max

2021-11-27

同学你好!

目前不生效是图片未滚动就全部加载了吗?这个插件工作的原理是图片不能出现在viewport里,所以如果你的图片开始就都在viewport里了它就不会懒加载了。你可能需要对图片容器的高度和宽度进行一下调整,让开始viewport里只有需要的图片。这也是使用懒加载优化页面加载的意义。

0
3
def_myself
非常感谢!
2021-12-11
共3条回复

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程