PerformanceNavigationTiming: свойство domComplete

Чтение только свойство domComplete возвращает DOMHighResTimeStamp, представляющий время непосредственно перед тем, как пользовательский агент установит для документа readyState в "complete".

См. также состояние complete состояния Document.readyState, которое соответствует этому свойству и относится к состоянию, в котором загрузка документа и всех подресурсов завершена. Состояние также указывает, что событие load вот-вот произойдет.

A DOMHighResTimeStamp представляющий время непосредственно перед тем, как пользовательский агент установит для документа readyState в "complete".

Свойство domComplete может использоваться для записи времени, когда DOM завершен.

Пример с использованием PerformanceObserver, который уведомляет о новых navigation записях производительности, как только они записываются во временной шкале производительности браузера. Используйте опцию buffered для доступа к записям, созданным до создания наблюдателя.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
  });
});

observer.observe({ type: "navigation", buffered: true });

Пример использования Performance.getEntriesByType(), который отображает только navigation записи производительности, присутствующие во временной шкале производительности браузера на момент вызова этого метода:

const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
  console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});

• Document.readyState