如果html中的重复背景大于1px,它们的效率会更高吗？

Question

如果在某个维度上存在重复的一维背景,如果图像是1px宽而不是10或20像素宽,那么性能是否有任何可见的差异？

Answer 1

我假设你指的是二维背景。

我无法想象在现代计算机上有任何明显的差异。然而，由于带宽仍然非常宝贵，尤其是在移动设备上，我认为您最好通过重复 1 像素宽的图像而不是 2 或 3 像素宽的图像来节省带宽。

更新：我们刚刚进行了一项测试，虽然不科学，但肯定与感知相关，其中一个页面在 10,000,000 像素的方形 div 上渲染了 10 像素的绿色方形，而另一个页面在相同大小的 div 上渲染了 1 像素的绿色方形。所有样式均使用CSS设置，两个页面没有其他内容。图形是在本地加载的。无论是 Mac 版 Safari 5 还是 Mac 版 FireFox 8，渲染效果都没有明显的感知差异。尽管如此，某些型号的旧（较旧）智能手机可能会出现性能问题。