Самый быстрый макет изображения для CSS-спрайтов

Question

Мне ясно о преимуществах использования CSS-спрайтов вместо слишком большого количества индивидуальных запросов маленьких изображений. Что я хотел бы знать, так это то, что конкретный макет большого изображения быстрее другого. Например, представьте, что у меня есть 6 фотографий футболистов. Я хочу использовать CSS-спрайты. Какая из следующих четырех версий будет самой быстрой с точки зрения получения максимально возможной выгоды от использования CSS-спрайтов?

** Версия 1 **

** Версия 2 **

** Версия 3 **

** Версия 4 **

Answer 1

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

Разница в размерах файлов минимальна, а смещение фона в css не имеет значения по скорости. Если вам нужна производительность, убедитесь, что вы кешируете их правильно и архивируете.

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