图片懒加载时占位图怎么处理才不抖动？
我在做图片懒加载，想用占位图避免布局抖动，但实际效果还是会有跳动，是不是我宽高没设对？
试过给 img 加固定宽高，也试过用背景色占位，但图片加载完还是会“闪一下”或者把下面内容顶下去。是我哪里没考虑到吗？
const img = new Image();
img.src = actualSrc;
img.onload = () => {
placeholderImg.src = actualSrc; // 替换占位图
};
- 1
回答
82浏览
图片懒加载时占位容器高度塌陷怎么办？
在做图片列表懒加载时，用了Intersection Observer，但图片未加载时占位容器高度会塌陷，导致页面布局跳动。试过给图片设置固定高度，但不同图片尺寸差异大，效果不好： <div cl...
- 2
回答
38浏览
Vue图片懒加载时，加载失败的降级方案没生效怎么办？
我在用Vue做图片懒加载优化时，想给加载失败的图片显示默认占位图。参考了一些方案后写了类似下面的代码，但实际测试时发现图片加载失败后还是直接显示红叉，占位图没出现。试过把<img标签换成v-if...
- 1
回答
5浏览
预加载图片在Vue中怎么写才有效？
我在用Vue做图片轮播，想提前加载下一张图避免切换时白屏，但加了preload好像没起作用。试过在created里new Image()，也试过在template里加，都不行。 下面是我现在的写法，是...
- 1
回答
11浏览
LCP总是超时，图片懒加载反而更慢了怎么办？
我用 IntersectionObserver 做了图片懒加载，结果 LCP 指标反而变差了，首屏大图老是加载很慢。 明明没加懒加载前 LCP 是 1.8s，现在经常飙到 3s 以上。我试过给首屏图加...
- 2
回答
24浏览
Intersection Observer 预加载图片不生效是怎么回事？
我在用 Intersection Observer 做图片懒加载，但明明元素进视口了，回调却没触发，图片一直没加载。我检查了 rootMargin 和 threshold，也加了 observer.o...
- 1
回答
28浏览
域名分片后图片加载反而变慢了怎么办？
最近在优化电商网站的图片加载，尝试用域名分片把图片分到static1和static2两个子域名。但发现某些图片加载时间比之前更长了，这是怎么回事？ 我的HTML结构是这样写的： <img src...
- 2
回答
19浏览
图片懒加载没效果，怎么调整资源加载优先级？
大家好，我在做首屏优化时发现图片加载还是卡顿，虽然用了loading="lazy"属性，但页面加载时图片还是阻塞了其他资源。我尝试给图片加了loading="lazy"和decoding="async...
- 2
回答
28浏览
边缘计算服务优化图片加载时为什么会卡顿？
我在用Cloudflare Workers做边缘计算处理图片请求，发现当同时加载多张图片时会出现卡顿。代码是这样写的： <img src="/edge-worker/resize?width=3...
- 1
回答
60浏览
DNS预加载没生效？怎么设置dns-prefetch才能让图片加载更快？
我在页面里加了，但图片加载速度没变，这是为啥？ 场景是这样的：网站轮播图的图片都来自img.example.com域名，我按教程加了dns-prefetch标签。但用Chrome开发者工具看网络面板，...
- 1
回答
30浏览
Skeleton骨架屏如何动态匹配不同分辨率的图片占位？
最近在做首屏骨架屏优化时遇到个问题，当页面在不同分辨率下，我用固定宽高的div模拟的商品图片占位框，加载真实图片后总会出现比例错乱。 比如在移动端横屏时，.skeleton-img设置的width: ...
暂无解答