背景图片会影响jQuery性能吗？
背景图片会影响jQuery性能吗？
提问于 2013-02-08 00:08:22
我有一个大约10,000像素宽的页面。
当用户滚动时，页面从右向左移动，从而产生水平滚动。
我在我的页面上有多个div，每个div都有一个背景图像，每个div都有设置为包含的背景大小，以便图像相应地缩放每个div的高度。
.examplediv {
background-image:url('myimage.jpg');
background-size:contain;
height:80%;
width:200px;
}我的页面相对平滑地向上滚动，直到它到达Id为.examplediv的点，然后它开始抖动/抖动。
我想问的是，以前有没有人遇到过这个问题，在css中加载图像比在标记中留下空的div标签慢吗？:contain值是否会在每次滚动时重新计算并减慢计算速度？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-14 06:34:47
问题是，当使用background-size时，浏览器实际上不缓存图像，所以在每次事件之后，比如用某种东西覆盖图像等，浏览器必须再次渲染图像-对于较大的图像，它会产生明显的滞后
编辑:这是 类似问题的链接
Stack Overflow用户
发布于 2013-02-14 06:29:21
我会确保所有的图像都不会比实际需要的更大。此外，在Photoshop中，你可以将网页的质量设置得很低。
在photoshop中，使用存储为web格式，您可以在2up视图中同时看到新旧图像。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14755605
复制相关文章
相似问题
腾讯云开发者
