Skip to content
Обучение Измерение Блог Case studies О сайте
Join and donate to 🇺🇦 DevFest for Ukraine, a charitable tech conference happening June 14–15 supported by Google Developers and Google Cloud.
Содержание
  • Что измеряет LCP
  • Как Lighthouse определяет LCP
  • Как улучшить свою оценку LCP
  • Ресурсы

Скорость загрузки основного контента (LCP)

Jan 10, 2020 — Обновлено Jun 4, 2021
Appears in: Аудиты производительности
Содержание
  • Что измеряет LCP
  • Как Lighthouse определяет LCP
  • Как улучшить свою оценку LCP
  • Ресурсы

LCP (Скорость загрузки основного контента) — одна из метрик, отслеживаемых в разделе Performance (Производительность) отчета Lighthouse. Каждая метрика отражает определенный аспект скорости загрузки страницы.

Lighthouse отображает LCP в секундах:

Скриншот проверки Lighthouse для LCP

Что измеряет LCP #

LCP измеряет время до вывода на экран самого большого элемента контента в области просмотра. Это время примерно соответствует моменту, когда основное содержимое страницы становится видимым для пользователей. См. статью «Скорость загрузки основного контента (LCP)» для получения дополнительных сведений о том, как определяется LCP.

Как Lighthouse определяет LCP #

Браузерная поддержка LCP запущена в Chrome 77. Lighthouse извлекает данные LCP из инструмента Chrome Tracing.

В таблице ниже показано, как интерпретировать вашу оценку LCP:

LCP время
(в секундах)
Цветовое кодирование
0–2,5Зеленый (быстрая загрузка)
2,5–4Оранжевый (средняя загрузка)
Более 4Красный (медленная загрузка)
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Как улучшить свою оценку LCP #

Ознакомьтесь с этой статьей «Скорость загрузки основного контента (LCP)», чтобы узнать, как улучшить LCP для вашего сайта.

Ресурсы #

  • Исходный код проверки LCP.
  • скорость загрузки основного контента (LCP);
  • API LCP.
  • Новое в Chrome 77: LCP (Скорость загрузки основного контента).
Последнее обновление: Jun 4, 2021 — Улучшить статью
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.