Задать вопрос
tony-stark77
@tony-stark77
Frontend developer (senior+)

Как определить, когда нужны спрайты а когда LazyLoading?

Как определить, когда нужны спрайты а когда LazyLoading?
Ну допустим ты делаешь сайт Большой и ты хочешь оптимизировать его, и как определить что лучше тебе подойдёт ll или
css спрайты?
  • Вопрос задан
  • 111 просмотров
Подписаться 2 Простой Комментировать
Решение пользователя Вадим К ответам на вопрос (3)
MrDecoy
@MrDecoy
Верставший фронтендер
Оно другому не мешает. Спрайт тоже можно грузить лениво.

Спрайты, как правило, используются либо для загрузки большого количества небольших изображений - иконок. Это было более актуально до http2. Сейчас нужно проверять, даёт ли это действительно прирост. Либо когда нужно сделать анимацию. Суть оптимизации - сокращение количества сетевых запросов.

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

Таким образом - если контентные тяжёлые изображения - лэйзи лоад.
Если много небольших или кадры анимации - спрайт.

Таким образом. если изображений из спрайта нет во вьюпорте и рядом с ним, то и спрайт можно грузить лениво.
Ответ написан
Комментировать