Понимание результатов Chrome DevTools Performance.getMetrics () - PullRequest
0 голосов
/ 11 декабря 2018

Я использую page.metrics () кукловода, который вызывает протокол DevTools Performance.getMetrics () Вот пример возвращаемых данных:

{
   Timestamp: 672.244221,
   Documents: 3,
   Frames: 2,
   JSEventListeners: 2,
   Nodes: 4116,
   LayoutCount: 3,
   RecalcStyleCount: 2,
   LayoutDuration: 0.136179,
   RecalcStyleDuration: 0.027681,
   ScriptDuration: 0.188817,
   TaskDuration: 0.563811,
   JSHeapUsedSize: 2959520,
   JSHeapTotalSize: 5132288
}

Единственная документацияя мог бы найти для этих чисел в документация кукловода , и это в основном это:

  • Метка времени Метка времени, когда был взят образец метрики.
  • Документы Количество документов на странице.
  • Frames Количество кадров на странице.
  • JSEventListeners Количество событий на странице.
  • Nodes Количество DOM-узлов на странице.
  • LayoutCount Общее количество полной или частичной разметки страницы.
  • RecalcStyleCount Общее количество пересчетов стиля страницы.
  • LayoutDuration Комбинированные длительности всех макетов страниц.
  • RecalcStyleDuration Комбинированные длительности всех перерасчетов стиля страницы.
  • ScriptDuration Комбинированная продолжительность выполнения JavaScript.
  • TaskDuration Совокупная продолжительность всех задач, выполняемых браузером.
  • JSHeapUsedSize Используемый размер кучи JavaScript.
  • JSHeapTotalSize Общий размер кучи JavaScript.

Мне бы очень хотелось получить более подробную информацию об этих числах, и конкретно ответить на следующие вопросы:

  1. TaskDuration значительно больше, чем сумма ScriptDuration, LayoutDuration и RecalculateStyleDuration

    • Где было потрачено оставшееся время?
    • Какие другие измерения я могу принять к сведениюза это недостающее время?
  2. Что такое документы и рамки?

...