7736.png

Как настроить отложенную загрузку картинок: lazy loading изображений

Как настроить отложенную загрузку картинок: lazy loading изображений

Каким сайтам нужен lazy loading изображений, какие браузеры поддерживают отложенную загрузку, и как внедрить эту функцию на сайт.

Отложенная загрузка изображений — установка, настройка и проверка решения


В данном видео мы рассмотрим процесс установки и настройки решения для 1с-Битрикс — «Отложенная загрузка изображений» и проверим работу решения


Модуль для CMS 1с-Битрикс «Отложенная загрузка изображений для ускорения загрузки сайта и Google PageSpeed» — https://marketplace.1c-bitrix.ru/solutions/arturgolubev.lazyload/
Все решения автора — https://marketplace.1c-bitrix.ru/partners/detail.php?ID=580734.php
Сайт автора — https://arturgolubev.ru

Lazy Loading — ленивая загрузка изображений


Протестировать можно на демке:
http://bitronic2-pro.romza.ru

Lazyload откладываем загрузку картинок | Скорость сайта #5


Поддержать автора — https://boosty.to/ineye

Контакт держу через
E-mail: [email protected]

Этот плейлист создан для ускорения сайта. Мы увеличиваем скорость сайта тем самы увеличиваем сео показатели. В это конкретном видео мы рассмотрим lazyload (ленивая загрузка). Благодаря lazyload мы сможем отложить загрузку картинок сайта, тем самым увеличим скорость загрузки сайта

Библиотека lazysizes — https://github.com/aFarkas/lazysizes

Настройка плагина Lazy Load XT. Добавление ленивой загрузки изображений на сайт.


================================================
ВСЕ ССЫЛКИ ИЗ ВИДЕО:

Запись на Prog-Time — http://prog-time.ru/nastrojka-plagina-lazy-load-xt-dobavlenie-lenivoj-zagruzki-izobrazhenij-na-sajt/

Ссылка на jQuery — https://developers.google.com/speed/libraries/

Ссылка на плагин — https://github.com/ressio/lazy-load-xt/#background-image

Ссылка на группу Вконтакте — https://vk.com/progtime
Ссылка на блог Prog-Time — http://prog-time.ru

================================================
ПЛЕЙЛИСТЫ:

Практика PHP — https://www.youtube.com/playlist?list=PLX0b6DxYL7jCCvV4_pQW-6JRpFWCKGgFH

Практика JavaScript — https://www.youtube.com/playlist?list=PLX0b6DxYL7jCk28NlJqW3RJAX01sNNbP1

Полезный софт — https://www.youtube.com/playlist?list=PLX0b6DxYL7jDwwKGe72vg3_-Xf_tNS-61

PHP: отправка данных из формы — https://www.youtube.com/playlist?list=PLX0b6DxYL7jBxUy8zWjBYCjAS0PwBFKaC

Информация для правообладателей