前端经典面试题 | 性能优化之 懒加载

🖥️ 前端经典面试题专栏：性能优化之 懒加载
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬

✨ 个人主页：CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

---

一、回答点

在网页中延迟加载图片数据，提升用户体验，减少无用资源加载

二、深入回答

懒加载的概念

        懒加载又叫 延迟加载、按需加载，在网页中延迟加载图片数据，是一个比较好的网页性能优化的方式之一。在较长的网页中，如果图片数据很多美，所有的图片一下都被加载出来，而用户只能看到可视窗口的一部分图片数据，这样就浪费了性能。

懒加载的特点

        减少无用资源的加载：使用懒加载明显减少了服务器的压力，也减少了浏览器的负担。

        提升用户的体验：同时加载很多图片，用户需要等待的时间较长，会影响用户体验，使用了懒加载可以大大的提高用户体验。

        防止加载过多图片影响其他资源文件的加载：影响网站应用的正常使用

懒加载的实现原理

        图片的加载是由src引起的，当你对src进行赋值