Цепочки критических запросов — это последовательности зависимых сетевых запросов, важных для отрисовки страницы. Чем длиннее цепочки и чем больше объём загружаемых данных, тем сильнее их влияние на скорость загрузки страницы.
Lighthouse сообщает о критических запросах, загруженных с высоким приоритетом:
Как Lighthouse определяет критические цепочки запросов
Lighthouse использует сетевой приоритет в качестве посредника для определения критически важных ресурсов, блокирующих рендеринг. Подробнее о том, как Chrome определяет эти приоритеты, см. в статье «Приоритеты и планирование ресурсов Chrome» от Google.
Данные о критических цепочках запросов, размерах ресурсов и времени, затраченном на загрузку ресурсов, извлекаются из протокола удаленной отладки Chrome .
Как уменьшить влияние критических цепочек запросов на производительность
Используйте результаты аудита критических цепочек запросов, чтобы в первую очередь определить ресурсы, которые оказывают наибольшее влияние на загрузку страницы:
- Минимизируйте количество критических ресурсов: исключите их, отложите их загрузку, отметьте их как
asyncи т. д. - Оптимизируйте количество критических байтов, чтобы сократить время загрузки (количество циклов загрузки).
- Оптимизируйте порядок загрузки оставшихся критических ресурсов: загружайте все критические активы как можно раньше, чтобы сократить длину критического пути.
Узнайте больше об оптимизации изображений , JavaScript , CSS и веб-шрифтов .
Руководство по конкретному стеку
Магенто
Если вы не объединяете свои ресурсы JavaScript, рассмотрите возможность использования baler .
Ресурсы
Исходный код для минимизации критического аудита глубины запроса