Влияние размера мозаичного изображения на скорость рендеринга страницы

Question

Если фоновое изображение мозаичное, влияют ли размеры файла изображения на скорость рендеринга страницы?

Я полагаю, что чем меньше изображение, тем больше блитов нужно выполнить, чтобы заполнить целевую область, поэтому чем дольше будет отрисовываться страница [1]. Как вы думаете, это правда?

Я спрашиваю в основном с точки зрения iPhone (то есть Mobile Safari), так как именно это я и пытаюсь оптимизировать для сайта.

[1] Если это действительно так, то типичный "empty.gif" (прозрачное изображение 1x1) будет настоящим убийцей производительности.

Answer 1

Не оптимизируйте производительность, не зная, что происходит, и не проводите полевых испытаний.

При мозаичном использовании небольшого изображения задействовано гораздо меньше памяти, поэтому кэш ЦП всегда работает, что может означать гораздо более высокую производительность.

Answer 2

Я не думаю, что есть ощутимая разница, по крайней мере до тех пор, пока мы не говорим об изображениях 1000 × 1000 пикселей. Но, как сказал Николай, нужно измерить. Это как раз тот случай, когда ничто не сравнится с экспериментом.

Answer 3

Хотя это и правда, большинство систем рендеринга смогут рендерить 1x1 px довольно быстро из-за того, что оно сводится к:

1. Повтор значения, сохраненного в памяти / кэше, в другое значение памяти
2. ИЛИ, операции над графической подсистемой (такой как OpenGL), для которой выполняются операции с более быстрой памятью аппаратного обеспечения графического процессора (GDDR или чего-либо еще)

Было бы в вычислительном отношении дороже разместить изображение размером 50x50px в области 5000x5000, чем при отображении изображения размером 1x1 пикселя в области 100x100, поскольку в нем задействовано больше данных.

Я бы не слишком беспокоился о механике, просто решу, сможешь ли ты выполнить ее достаточно быстро