Что быстрее: переключить отображение двух разделов или переключить фоновое изображение?

Question

У меня есть 36 png ключевых кадров, которые я хочу отображать по одному. Я вижу два общих способа сделать это: есть 36 div блоков с разными background-image, который переключается на display или имеет один div блок и установить разные background-image на нем. Интересно, какой путь быстрее.

Answer 1

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

Если вы не можете использовать спрайт и изменить положение фона.

Я не думаю, что есть разница в производительности между изменением дисплея или фона, это все еще просто изменение некоторых CSS.