PerformanceResourceTiming: свойство domainLookupStart

Это domainLookupStart только для чтения, возвращающее timestamp непосредственно перед тем, как браузер начнёт поиск доменного имени ресурса.

Свойство domainLookupStart может принимать следующие значения:

• A DOMHighResTimeStamp непосредственно перед началом поиска доменного имени ресурса браузером.
• 0 если ресурс мгновенно извлечён из кеша.
• 0 если запрос на ресурс происходит из другого источника (cross-origin), и заголовок ответа HTTP Timing-Allow-Origin не используется.

Свойства domainLookupStart и domainLookupEnd можно использовать для измерения времени, затрачиваемого на поиск DNS.

const dns = entry.domainLookupEnd - entry.domainLookupStart;

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const dns = entry.domainLookupEnd - entry.domainLookupStart;
    if (dns > 0) {
      console.log(`${entry.name}: DNS lookup duration: ${dns}ms`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const dns = entry.domainLookupEnd - entry.domainLookupStart;
  if (dns > 0) {
    console.log(`${entry.name}: DNS lookup duration: ${dns}ms`);
  }
});

Если значение свойства domainLookupStart равно 0, ресурс, вероятно, является кросс-доменным запросом. Для отображения информации о времени выполнения таких запросов необходимо установить заголовок ответа HTTP Timing-Allow-Origin.

Например, чтобы https://developer.mozilla.org смог увидеть ресурсы с отслеживаемым временем выполнения, кросс-доменный ресурс должен отправлять:

Timing-Allow-Origin: https://developer.mozilla.org

• Timing-Allow-Origin