Как работает ленивая загрузка изображений на сайте?

Ленивая загрузка (lazy loading) — это техника оптимизации веб-страниц, при которой загрузка определённых элементов откладывается до момента, когда они действительно необходимы. www.rush-analytics.ru

Принцип работы: реальный контент заменяется временными заглушками (placeholder). www.rush-analytics.ru Когда пользователь прокручивает страницу и элемент попадает в область видимости, происходит подмена заглушки на реальный контент. www.rush-analytics.ru

Некоторые варианты ленивой загрузки:

• По скроллингу. pr-cy.ru Изображения и фреймы подгружаются, когда пользователь до них доскролливает. pr-cy.ru Обычно используют в блогах с бесконечной лентой, в интернет-магазинах с большими листингами. pr-cy.ru
• По клику. pr-cy.ru Контент подгружается, когда пользователь переходит по ссылке. pr-cy.ru К примеру, большое изображение загружается, когда пользователь нажимает на миниатюру. pr-cy.ru
• В фоновом режиме. pr-cy.ru Контент подгружается фоново, к примеру, когда пользователь загрузил документ и оставил его открытым. pr-cy.ru Этот способ обычно используют для документов, которые нужны для работы — картинок больших размеров, чертежей, схем. pr-cy.ru

Ленивая загрузка позволяет увеличить скорость отображения страницы, потому что загрузка элементов растянута на время, пока пользователь изучает контент. pr-cy.ru