спрайт против отдельных изображений

Question

Хорошо - для веб-сайта, который загружается снова и снова, это очевидный вопрос.Один лист спрайтов (который, вероятно, будет кешироваться в системе пользователей) и какой-то изворотливый трюк css в фоновом режиме, и вы экономите кучу запросов к серверу.

Но для веб-приложения, которое загружается один раз и никогда больше.Это спрайт действительно путь.Да, разбиение его на отдельные png означает, что гораздо больше запросов выполняется заранее, но в долгосрочной перспективе, как это справедливо?

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

Answer 1

Обычно вы будете использовать спрайт для изменения состояния определенного элемента, например, для кнопки, а не для всех изображений одновременно.В этом случае преимущество использования спрайтов заключается не только в сохранении запроса, но и в мгновенном изменении состояния (например, при наведении курсора мыши).