平铺图像大小对页面渲染速度的影响

Question

如果平铺背景图像，图像文件的尺寸是否会对页面渲染速度产生影响？

我认为图像越小，填充目标区域就越需要执行blits，因此页面渲染时间越长[1]。你认为这是真的吗？

我主要是从iPhone的角度来看（所以移动Safari），因为那是我正在尝试优化网站的。

[1]如果情况确实如此，典型的“empty.gif”（1x1透明图像）将成为真正的性能杀手。

Answer 1

如果不知道发生了什么或正在进行任何现场测试，请不要进行任何性能优化。

使用小图片进行平铺时所涉及的内存要少得多，因此CPU的缓存总是被命中，这可能意味着更高的性能。

Answer 2

尽管如此，大多数渲染系统都能够相当快地渲染1x1像素的重复，因为它归结为：

1. 将存储在内存/缓存中的值重复到另一个内存值
2. OR，对图形子系统（如OpenGL）的操作，这些子系统在GPU硬件的更快内存（GDDR或者其他）上具有此操作

在5000x5000区域上平铺50x50px图像比在100x100区域上绘制1x1像素图像要花费更多计算成本，因为涉及的数据更多。

我不会过多担心这些机制，只是决定你是否可以执行足够快

Answer 3

我不认为存在可衡量的差异，至少只要我们不谈论1000×1000像素的图像。但正如尼古拉所说，你必须衡量。这正是没有什么比实验好的情况。