Откладывание закадровых изображений
Published on • Updated on
В разделе «Возможности» вашего отчета Lighthouse перечислены все закадровые или скрытые изображения на вашей странице, а также потенциальная экономия в кибибайтах (KiB). Рассмотрите возможность отложенной загрузки этих изображений после завершения загрузки всех критически важных ресурсов, чтобы сократить показатель Time to Interactive (время до интерактивности):
![Снимок экрана аудита откладывания закадровых изображений Lighthouse](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/agMyJtIarLruD8iuz0Mt.png?auto=format)
См. также раздел «Отложенная загрузка закадровых изображений с помощью lazysizes codelab».
Руководство в зависимости от стека
AMP
Настройте автоматическую отложенную загрузку изображений с помощью amp-img
. См. руководство по изображениям.
Drupal
Установите модуль Drupal, который может отложить загрузку изображений. Такие модули предоставляют возможность откладывать любые закадровые изображения для повышения производительности.
Joomla
Установите плагин Joomla с отложенной загрузкой, который дает возможность откладывать любые закадровые изображения или переключаться на шаблон, который предоставляет эту функциональность. Начиная с Joomla 4.0, специальный плагин отложенной загрузки можно включить с помощью плагина «Контент - отложенная загрузка изображений». Также рассмотрите возможность использования плагина AMP.
Magento
Рассмотрите возможность изменения шаблонов продуктов и каталогов, чтобы использовать функцию отложенной загрузки веб-платформы.
WordPress
Установите плагин WordPress с отложенной загрузкой, который дает возможность откладывать любые закадровые изображения или переключаться на тему, которая предоставляет эту функциональность. Также рассмотрите возможность использования плагина AMP.
Ресурсы
Updated on • Improve article