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

Почти год назад для Chrome и других современных браузеров была выпущена встроенная отложенная загрузка изображений и окон iframe. Смысл этой функции в том, чтобы при запросе изображения или ресурса в iframe браузер мог контролировать загрузку, что немного упрощает задачи разработчика.

До этого момента единственным вариантом реализации ленивой загрузки было использование различных JavaScript-плагинов, которые отслеживали изменения области просмотра и динамически загружали ресурсы. Теперь браузеры могут делать это самостоятельно!

Каждый современный сайт должен быстро загружаться. Существует множество методов и плагинов для ускорения загрузки страниц, поэтому вы можете не знать, что использовать сначала.

Скрипт Progressively является отличным инструментом для увеличения скорости страницы. Он является скриптом для отложенной загрузки изображений (lazy load), который загружает изображения постепенно в процессе прокручивания страницы пользователем.

Как известно, lazy loading — простой подход оптимизации загрузки страницы. Существуют различные варианты этого подхода: например, на стороне сервера таким образом можно организовать подключение компонентов веб-приложения или инициализацию подключения к БД. На стороне клиента — можно подключать только необходимый на данный момент JS-код или подгружать элементы страницы в тот момент, когда посетитель просмотрит ее целиком.