jquery - CSS背景图片影响查询性能？

Question

我有一个大约 10,000 像素宽的页面。

当用户滚动时，页面从右向左移动，形成水平滚动。

我的页面上有多个 div，每个 div 都有一个背景图像，每个 div 的背景大小设置为包含，以便图像相应地缩放每个 div 的高度。

.examplediv {
    background-image:url('myimage.jpg');
    background-size:contain;
    height:80%; 
    width:200px;
}

我的页面滚动相对平稳，直到到达我有 .examplediv 的点，然后它开始抖动/抖动。

我想问的是，以前有没有人遇到过这个问题，在 css 中加载图像是否比在标记中留下空的 div 标签慢？ :contain 值是否在每次滚动时重新计算并减慢速度？

Answer 1

问题是，当使用 background-size 时，浏览器实际上不会缓存图像，所以在每次事件之后，比如用某些东西覆盖图像等，它必须再次渲染它 - 更大图像它给出了明显的滞后

编辑:这里是一个类似问题的问题 Poor performance of Chrome using background-size: cover