PerformanceEntry: свойство duration

Только для чтения duration свойство возвращает временную метку, которая представляет собой длительность записи записи производительности. Значение этого свойства зависит от значения entryType этой записи.

A DOMHighResTimeStamp представляющая длительность записи записи производительности. Если концепция длительности не применима для определённой метрики производительности, возвращается длительность 0.

Значение этого свойства зависит от значения entryType этой записи производительности:

event

Время от startTime события до следующей отрисовки (округлено до ближайших 8 мс).

first-input

Время от startTime события первого ввода до следующей отрисовки (округлено до ближайших 8 мс).

longtask

Прошедшее время между началом и концом задачи с точностью до 1 мс.

measure

Продолжительность измерения.

navigation

Разница между свойством loadEventEnd записи и свойством startTime.

resource

Значение responseEnd записи минус значение свойства startTime записи.

Для следующих типов записей duration не применяется, и в этом случае значение всегда 0:

• element
• largest-contentful-paint
• layout-shift
• mark
• paint
• taskattribution
• visibility-state

В следующем примере регистрируются все наблюдаемые записи производительности с duration больше, чем 0.

function perfObserver(list, observer) {
  list.getEntries().forEach((entry) => {
    if (entry.duration > 0) {
      console.log(`${entry.name}'s duration: ${entry.duration}`);
    }
  });
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark", "resource"] });