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

Question

如果在某个维度上存在重复的一维背景，则如果图像是例如，则性能上是否存在任何可提及的差异。 1px宽，10或20像素宽？

Answer 1

我认为你的意思是二维背景。

我无法想象在现代计算机上有任何明显的差异。但是，由于带宽仍然很高，特别是在移动设备上，我认为通过重复1px宽的图像而不是2或3像素宽来节省带宽会更好。

更新：我们刚刚进行了一次测试，非科学，但肯定是感知相关的，其中一页在10,000,000px方形div上呈现10px绿色方块，另一页在相同大小的div上呈现1px绿色方块。所有样式都使用CSS设置，两个页面都没有其他内容。图形是在本地加载的。在Safari 5 for Mac或FireFox 8 for Mac中，渲染绝对没有感知差异。尽管如此，某些型号的旧款（更快）智能手机可能存在性能问题。

Answer 2

你可能不会注意到1px宽和20px宽背景图像之间的区别，尽管会有一个。这只是您必须下载的文件大小的差异。图像越大，文件大小越大，因此初始下载所需的时间会更长。一旦它到位，你不会注意到任何一种方式。