Предположим у нас есть много слайдеров которые выводят изображение через background-image.
[php]
<ul class="slides">
<li style="background-image: url();"></li>
<li style="background-image: url();"></li>
<li style="background-image: url();"></li>
<li style="background-image: url();"></li>
</ul>
[/php]
В таком случае скорость загрузки страницы будет очень долгая.
Для исправления данной ситуации можно сделать загрузку фоновых изображений через lazy load
Качаем скрипт eisbehr (original) или здесь.
Подключаем к сайту и переписываем код на
[php]
<ul class="slides">
<li class="lazy" data-src="{{item.image}}"></li>
<li class="lazy" data-src="{{item.image}}"></li>
<li class="lazy" data-src="{{item.image}}"></li>
<li class="lazy" data-src="{{item.image}}"></li>
</ul>
[/php]
