首屏可见图片设置loading="lazy"会出现什么情况？

• 现代主流浏览器（Chrome、Firefox、Edge等）自带判断逻辑，会自动识别首屏可见的图片——哪怕你给这些图片加了loading="lazy"，浏览器也不会对它们执行懒加载，会优先加载首屏内的资源，避免首屏内容加载延迟。
• 布局偏移的核心原因不是懒加载，而是图片是否预留了占位空间：如果首屏图片没设置宽高属性（也没通过CSS指定容器尺寸），就算不懒加载，加载过程中还是会因为尺寸未知引发布局偏移；反之，只要提前给图片指定了宽高，哪怕是懒加载的图片，浏览器也能提前预留空间，不会出现偏移。
• 老旧浏览器可能不支持loading="lazy"属性，这类浏览器里所有图片都会按正常方式加载，不存在懒加载的判断逻辑。

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