Skip to content
Обучение Измерение Блог Case studies О сайте
Содержание
  • Руководство в зависимости от стека
    • AMP
    • Drupal
    • Joomla
    • Magento
    • WordPress
  • Ресурсы

Откладывание закадровых изображений

May 2, 2019 — Обновлено May 29, 2020
Available in: Español, 한국어, Português, English
Appears in: Аудиты производительности
Содержание
  • Руководство в зависимости от стека
    • AMP
    • Drupal
    • Joomla
    • Magento
    • WordPress
  • Ресурсы

В разделе «Возможности» вашего отчета Lighthouse перечислены все закадровые или скрытые изображения на вашей странице, а также потенциальная экономия в кибибайтах (KiB). Рассмотрите возможность отложенной загрузки этих изображений после завершения загрузки всех критически важных ресурсов, чтобы сократить показатель Time to Interactive (время до интерактивности):

Снимок экрана аудита откладывания закадровых изображений Lighthouse

См. также раздел «Отложенная загрузка закадровых изображений с помощью lazysizes codelab».

Руководство в зависимости от стека #

AMP #

Настройте автоматическую отложенную загрузку изображений с помощью amp-img. См. руководство по изображениям.

Drupal #

Установите модуль Drupal, который может отложить загрузку изображений. Такие модули предоставляют возможность откладывать любые закадровые изображения для повышения производительности.

Joomla #

Установите плагин Joomla с отложенной загрузкой, который дает возможность откладывать любые закадровые изображения или переключаться на шаблон, который предоставляет эту функциональность. Начиная с Joomla 4.0, специальный плагин отложенной загрузки можно включить с помощью плагина «Контент - отложенная загрузка изображений». Также рассмотрите возможность использования плагина AMP.

Magento #

Рассмотрите возможность изменения шаблонов продуктов и каталогов, чтобы использовать функцию отложенной загрузки веб-платформы.

WordPress #

Установите плагин WordPress с отложенной загрузкой, который дает возможность откладывать любые закадровые изображения или переключаться на тему, которая предоставляет эту функциональность. Также рассмотрите возможность использования плагина AMP.

Ресурсы #

  • Исходный код для аудита откладывания закадровых изображений
Последнее обновление: May 29, 2020 — Улучшить статью
Return to all articles
Поделиться
подписаться

Contribute

  • Сообщить об ошибке
  • Просмотреть исходный код

Дополнительная информация

  • developer.chrome.com
  • Новости Chrome
  • Web Fundamentals
  • Разборы конкретных случаев
  • Подкасты
  • Шоу

Соцсети

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Все продукты
  • Условия и конфиденциальность
  • Правила сообщества

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.