<img src='cover.jpg' width='320' height='180' loading='lazy' decoding='async' alt='视频封面'>
视频列表页首屏 20 个封面，每张还配了 hover 预览图，一次发 60 个请求，手机 4G 下第一张图 3.2 秒才出来。先别急着动参数，把报错原文和时间点记下来，顺序反了容易白折腾。
原因不复杂，封面没写 loading=lazy，20 张同时进队列，和正文图片抢带宽。预览图用 background-image 写在 CSS 里，浏览器的预加载扫描也会提前取走。
「视频封面加载慢」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。
验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。
报错里带路径的，先去看那个路径在不在、权限对不对。
处理上按这个顺序：封面 img 加 loading=lazy 与 decoding=async；预览图改成 hover 时再设 src 不要写在 CSS；给封面固定宽高比 避免加载后跳动。
改完只确认一件事：首屏只加载可见的 6 张封面，滚动到下一屏才继续请求，第一张图 1 秒内出现。