PerformanceNavigationTiming: свойство activationStart

Чтение только свойство activationStart представляет собой время между началом предварительной отрисовки документа и его активацией.

А DOMHighResTimeStamp, представляющий собой продолжительность между началом предварительной отрисовки документа и активацией в миллисекундах.

Значение равно 0 , если страница не была предварительно отрисована или все ещё находится в процессе предварительной отрисовки.

При активации предварительно отрисованного документа, activationStart устанавливается в текущее время. Следующая функция может проверить, является ли страница prerendering или уже была предварительно отрисована:

function pagePrerendered() {
  return (
    document.prerendering ||
    self.performance?.getEntriesByType?.("navigation")[0]?.activationStart > 0
  );
}

В случае предварительно отрисованных страниц страница может быть создана задолго до фактического перехода к ней. При использовании API производительности API производительности на предварительно отрисованных страницах крайне важно сравнивать возвращаемые значения с activationStart , чтобы избежать вводящих в заблуждение измерений.

// Time to when activation occurred
let activationStart =
  performance.getEntriesByType("navigation")[0].activationStart;

// Time to first paint
let firstPaint = performance.getEntriesByName("first-paint")[0].startTime;

// Time to first contentful paint
let firstContentfulPaint = performance.getEntriesByName(
  "first-contentful-paint",
)[0].startTime;

console.log("time to first paint: " + (firstPaint - activationStart));
console.log(
  "time to first-contentful-paint: " + (firstContentfulPaint - activationStart),
);

• API правил упреждения
• Предварительная загрузка