Javascript 加载滑动开关时，高度会发生变化

我正在用以下代码初始化swiper：

var mySwiper = new Swiper('.swiper-container', {
    speed: 400,
    slidesPerView: 3,
    autoplay: {
    delay: 3000,
    },
});

---

但当页面加载时，它会显示大的蓝色空间，然后是幻灯片，这增加了谷歌Pagespeed得分的布局变化。有人能指出哪里出了问题吗？

我面临着同样的问题，而且看起来很复杂。如果您总是知道旋转木马的最终高度，您可以简单地在swiper容器上设置一个最大高度以最小化问题，但显然这不是一个解决方案。当旋转木马通过JS计算它的尺寸时，如果您需要它“响应”，那么在Swiper加载之前和之后匹配内容是很困难的。另一种处理方法是避免在完全加载之前显示Swiper元素，但您需要处理空白空间，这样它就不会影响它下面的元素。@SergiRamón我同意，在完全加载之前隐藏它也会导致较高的累积布局移位分数，从而降低我们的PageSpeed分数。我们需要知道计算高度的算法/计算方法，这在库代码中是隐藏的。我面临同样的问题，它看起来很复杂。如果您总是知道旋转木马的最终高度，您可以简单地在swiper容器上设置一个最大高度以最小化问题，但显然这不是一个解决方案。当旋转木马通过JS计算它的尺寸时，如果您需要它“响应”，那么在Swiper加载之前和之后匹配内容是很困难的。另一种处理方法是避免在完全加载之前显示Swiper元素，但您需要处理空白空间，这样它就不会影响它下面的元素。@SergiRamón我同意，在完全加载之前隐藏它也会导致较高的累积布局移位分数，从而降低我们的PageSpeed分数。我们需要知道它用于计算高度的算法/计算，这在库代码中是隐藏的。。