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

【问题标题】：Influence of tiling image size on page rendering speed平铺图像大小对页面渲染速度的影响
【发布时间】：2010-11-06 15:55:12
【问题描述】：

如果背景图片是平铺的，图片文件的尺寸对页面渲染速度有影响吗？

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

我主要是从 iPhone（所以是 Mobile Safari）的角度来询问，因为这就是我试图优化网站的目的。

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

【问题讨论】：

【解决方案1】：

在不真正了解发生了什么或进行任何现场测试的情况下，不要进行任何性能优化。

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

【讨论】：

【解决方案2】：

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

在 5000x5000 区域上平铺 50x50 像素的图像比在 100x100 区域上映射 1x1 像素图像的计算成本更高，因为涉及的数据更多。

我不会太担心机制，只要决定你是否可以足够快地执行它

【讨论】：

【解决方案3】：

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

【讨论】：