Jquery 为什么视差背景图像在滚动上调整大小？（通过devtools）

我已经使用stellar.js创建了视差站点。但结果有点滞后。所以我跳进去调试这个。一整天我都在看各种关于提高网站性能的视频，我发现了更多关于chrome开发工具的信息，尤其是时间线标签。情况有所好转，但在时间轴上，最昂贵的还是绘画。这是因为图像正在调整大小这里的问题是为什么bg图像在每个滚动事件上都要调整大小？在我的头脑中，浏览器会在我加载页面时渲染图像并调整它们的大小，而不是在每个滚动事件上。我知道应该在每个卷轴上计算位置，但这是否意味着bowser也需要重新计算图像大小？如果是的话，有什么解决办法吗？在一些视频/文章中，我看到了

transform:translateZ（0），但对我的情况没有帮助。
下面是每个幻灯片包装的代码。我知道
背景尺寸：封面
很昂贵，但这是我保持全屏背景的唯一方法，它们很大（2000x1200），但不重（350kb）

如果有任何想法，我会很感激的。或者只是讨论一下一般的“绘画”问题
只有在内部网上，350K的背景图像才算“不重”。对于全屏背景图像，我认为它的尺寸还不错。但好吧，我明白了：）不重，但中等尺寸我们需要更多的东西来处理。。Stellar.js很棒，我试过了，发现使用它很烦人。但这取决于你可能有一个滚动事件，缩小你的图像。如果你有时间的话。。编写你自己的自定义代码，这并不难，只是需要一点额外的时间。我喜欢stellar，它很容易使用。我使用插件是因为我还没有信心，也许我不会做得更好。下一步肯定是编写自己的代码。我现在对jquery已经很熟悉了。如果你感兴趣，这里有一个可用的实时版本：）最后一张幻灯片有点僵硬，如果你看文本，考虑删除页脚，这是你页面上最大的瓶颈之一。-图表的左半部分显示页面在使用页脚滚动时的行为，右半部分显示相同的行为，但删除了页脚。
.slide{
background-attachment: fixed;
height: 100%;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
}