既然图片不会阻塞渲染，为何还要使用懒加载优化性能？

图片确实不会阻塞DOM的解析和渲染，但懒加载依然是优化性能的关键手段，核心原因不止节省带宽，还有这些实际考量：

• 节省带宽，减少用户流量消耗：浏览器会并行下载页面中的所有图片，哪怕图片不在当前视口。如果页面有大量下方的图片，一次性全量加载会占用大量带宽，移动网络用户可能因此产生额外流量费，还会拖慢核心资源（比如首屏脚本、样式）的加载速度，让用户等待更久。
• 降低内存占用，避免设备卡顿：图片解码后会占用设备内存，高分辨率图更是如此。加载一堆用户根本不会滚动到的图片，会无端消耗内存，低配设备甚至可能出现页面卡顿、崩溃的情况，直接影响使用体验。
• 提升核心内容的加载优先级：浏览器的资源下载有优先级排序，懒加载能让浏览器优先处理首屏的核心内容（比如文本、关键交互脚本），而不是把带宽分散到所有图片上，让用户更快看到并能交互页面的核心部分，这对感知性能的提升很明显。
• 减轻服务器负载：对站点服务器来说，懒加载能减少大量无效的图片请求，尤其是访问量高的站点，这能有效降低服务器的带宽压力和资源消耗，节省运营成本。

内容的提问来源于stack exchange，提问作者Jack Harrison