面试知识点总结 - js 懒加载

1. 场景：

一个页面中很多图片，但是首屏只出现几张，这时如果一次性把图片都加载出来会影响性能。这时可以使用懒加载，页面滚动到可视区在加载。优化首屏加载。

2. 实现：

img标签src属性为空，给一个data-xx属性，里面存放图片真实地址，当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-xx的值赋给src。

3. 优点：

页面加载速度快，减轻服务器压力、节约流量，用户体验好。