В разделе «Возможности» отчёта Lighthouse перечислены все закадровые или скрытые изображения на вашей странице, а также потенциальная экономия в кибибайтах (КиБ) . Рассмотрите возможность отложенной загрузки этих изображений после завершения загрузки всех критически важных ресурсов, чтобы сократить время до взаимодействия :
См. также Ленивая загрузка закадровых изображений с помощью lazysizes codelab .
Руководство по конкретному стеку
AMP
Автоматическая отложенная загрузка изображений с помощью amp-img . См. руководство по изображениям .
Друпал
Рассмотрите возможность настройки отложенной загрузки изображений в Drupal . Форматировщики полей для изображений поддерживают lazy и eager .
Джумла
Установите плагин для Joomla с отложенной загрузкой , позволяющий откладывать загрузку любых изображений, находящихся за пределами экрана, или перейдите на шаблон с такой функцией. Начиная с Joomla 4.0, специальный плагин для отложенной загрузки можно включить с помощью плагина «Content - Lazy Loading Images». Также рассмотрите возможность использования плагина AMP .
Магенто
Рассмотрите возможность изменения шаблонов вашей продукции и каталога, чтобы использовать функцию отложенной загрузки веб-платформы.
WordPress
Установите плагин WordPress для отложенной загрузки , который позволяет откладывать загрузку любых изображений, находящихся за пределами экрана, или переключитесь на тему с такой функцией. Также рассмотрите возможность использования плагина AMP .