码迷,mamicode.com
首页 > 其他好文 > 详细

编写代码实现图片懒加载

时间:2019-12-30 09:29:40      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:定义   渲染   重要   显示   需要   多图   方案   设置   代码实现   

1.前端性能优化的重要方案,通过图片或者数据的延迟加载,我们可以加快页面渲染速度,让第一次打开页面速度加快,只有滑动到某个区域,才加载真实的图片,这样也可以节省加载的流量,

2.处理方案 把所有需要延迟加载的图爿用一个盒子包起来,设置宽高和默认占位图。开始让所有的IMg的src为空,把真实的地址放到IMG的自定义属性上,让IMG隐藏,等到所有其他资源都加载完后,我们再开始加载图爿,对于很多图爿,需要当页面滚动时候,当前图爿完全显示出来后仔加载真实图片

编写代码实现图片懒加载

标签:定义   渲染   重要   显示   需要   多图   方案   设置   代码实现   

原文地址:https://blog.51cto.com/13550695/2462956

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!