alex_shevch
@alex_shevch
Frontend Developer

Какой плагин для Lazyload вы используете?

Появилось потребность использовать lazyload. Подскажите, какие плагины вы используете, вот что я нашёл:
  • jquery.lazyload
  • Vanilla LazyLoad
  • jQuery Lazy Load XT
  • Hqy-lazyload

Не могу понять какой лучше. Цель довольно тривиальна - длинный лендинг, много картинок, сразу грузить их все не рационально.
Плюс попутно ещё вопрос - я так понимаю, что адрес картинок будет в каком-нибудь атрибуте типа data-src, а в обычном src нужно будет заглушку ставить? Картинки из индекса повылетают конечно?
  • Вопрос задан
  • 17335 просмотров
Решения вопроса 4
alex_shevch
@alex_shevch Автор вопроса
Frontend Developer
Спустя два года сам отвечу на свой вопрос – не нужны никакие плагины.
На мой взгляд, лучшее решение – это использовать атрибут loading="lazy" на тегах img.
Мало того, что это внедряется мгновенно и не требует доп библиотек, так ещё мы не просто тупо подгружаем изображения по ходу скролла, а перекладываем это на плечи браузера, который сам решает, в какой момент ему было бы оптимальнее его загрузить.

Браузерная поддержка неплохая - https://caniuse.com/#feat=loading-lazy-attr
Ответ написан
vadimkot
@vadimkot Куратор тега CSS
https://github.com/aFarkas/lazysizes

В плане seo гугл бот точно видит картинки - можно убедиться в search console в сканирование->Просмотреть как Googlebot. Яндекс нужно протестировать аналогично гуглу в вебмастере.

В статье гугла по ссылке Александр Талалаев есть раздел Lazy loading libraries
Ответ написан
Комментировать
neuotq
@neuotq
Прокрастинация
На мой взгляд здесь описано лучшее решение. Советую прочитать все статью, там же можно найти готовые сниппеты кода, а так же ссылки на полифилы для поддержки старых браузеров и ссылки на некоторые библиотеки.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы