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