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