网页优化
图片延迟加载：哪些图片应该等待，哪些不应该
原生延迟加载
HTML 的 loading=lazy 可让浏览器推迟加载远离可见区域的图片。loading=eager 表示正常加载；未指定时由浏览器按默认策略处理。延迟加载减少初始资源竞争，但不会减少图片本身的文件大小。
首屏图片例外
首屏主图或可能成为最大内容绘制元素的图片不应延迟加载。否则浏览器发现页面内容后仍要等待图片请求，反而拖慢主要内容出现。应根据真实页面和网络记录判断关键图片。
预留布局空间
即使图片尚未下载，也应设置正确的 width、height 或宽高比。这样浏览器能提前保留空间，减少图片出现时的布局移动。不要让占位区域尺寸与最终图片比例明显不符。
配合响应式资源
延迟加载可与 srcset、sizes 和 picture 同时使用。前者决定何时请求，后者帮助选择格式或尺寸。sizes 必须描述真实布局，否则浏览器可能选择过大的候选图片。
何时使用脚本
特殊滚动容器或复杂组件可能需要 IntersectionObserver 等方式。优先使用原生能力，避免增加不必要的脚本和失效路径。检查无脚本情况、键盘滚动及慢网表现，确保重要内容始终可访问。
动手处理文件
保留原始文件，先用一个样本检查结果，再处理其他文件。imgpact 在您的浏览器中处理所选文件；首次加载软件仍需要网络连接。