Lazy loading или «ленивая загрузка» для изображений 1.6 - кто как реализовывал?
- Автор темы lightman5
- Дата начала
Free Prestashop lazy loading module for product images
Free PrestaShop lazy loading module for product images. This module is compatible with all PrestaShop 1.6 and prestashop 1.7. This free module would speed your site up a lot.
Пример: https://elstroy.com.ua/Free Prestashop lazy loading module for product images
Free PrestaShop lazy loading module for product images. This module is compatible with all PrestaShop 1.6 and prestashop 1.7. This free module would speed your site up a lot.www.sunnytoo.com
loading = "lazy" в темплейте, там где надо
и
loading = "eager" аналогично
developer.mozilla.org
и
loading = "eager" аналогично
Lazy loading - Web Performance | MDN
Lazy loading (ленивая загрузка) - это стратегия, направленная на определение ресурсов как неблокирующих (не критических) для того, чтобы отложить загрузку этих ресурсов на тот момент, когда они действительно необходимы. Так можно сократить длину критических этапов рендеринга, что приводит к...
developer.mozilla.org
Делал такой вариант ленивой загрузки, о как-то не зашел + не понятно, что подставляется вместо картинок. В противном случае, страничка будет прыгать.loading = "lazy" в темплейте, там где надо
и
loading = "eager" аналогично
Lazy loading - Web Performance | MDN
Lazy loading (ленивая загрузка) - это стратегия, направленная на определение ресурсов как неблокирующих (не критических) для того, чтобы отложить загрузку этих ресурсов на тот момент, когда они действительно необходимы. Так можно сократить длину критических этапов рендеринга, что приводит к...
Посмотрел кешированные странички шаблон Warehous, Panda ,где Lazy load вшиты - все картинки видны.
Используйте качественные шаблоны - там все отлично реализовано или, если хотите остаться на дефолте - выдерните кусок кода.
да привык уже к дефолтному шаблону если честно - но может Вы и правы и стоит рассмотреть альтернативу
только так и не понял стоит вводить или нет эту ленивую загрузку на дефолтном и нормально ли будет и сео и отображение картинок?
Как уже сверху написали:
<img loading="lazy" src="...
Во первых, это нативный метод, встроенный во все современные браузеры, а во-вторых, он не требует никаких внешних скриптов, не конфликтует ни с какими другими скриптами (поиск, фильтр, быстрый просмотр и т.п.) и в старых браузерах просто игнорируется.
Чтобы картинки не прыгали, нужно проставить размер <img loading="lazy" width="..." height="..."
А в кеше гугла не появляется по другим причинам, например, потому что в robots.txt не прописано явно allow: img/*.jpg
Или картинка по прямому адресу выдает 404 или 401 или 410 или любой другой код, отличный от 200, что также может быть причиной неправильной работы скрипта ленивой загрузки
<img loading="lazy" src="...
Во первых, это нативный метод, встроенный во все современные браузеры, а во-вторых, он не требует никаких внешних скриптов, не конфликтует ни с какими другими скриптами (поиск, фильтр, быстрый просмотр и т.п.) и в старых браузерах просто игнорируется.
Чтобы картинки не прыгали, нужно проставить размер <img loading="lazy" width="..." height="..."
А в кеше гугла не появляется по другим причинам, например, потому что в robots.txt не прописано явно allow: img/*.jpg
Или картинка по прямому адресу выдает 404 или 401 или 410 или любой другой код, отличный от 200, что также может быть причиной неправильной работы скрипта ленивой загрузки