PerformanceResourceTiming: свойство decodedBodySize

Это decodedBodySize только для чтения, возвращающее размер (в октетах) полученного из запроса (HTTP или кэша) тела сообщения после удаления применённого кодирования (например, gzip или Brotli). Если ресурс получен из кэша приложения или локальных ресурсов, возвращается размер полезной нагрузки после удаления любого применённого кодирования.

Это decodedBodySize свойство может иметь следующие значения:

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

Если decodedBodySize и encodedBodySize свойства не равны null и отличаются, содержимое было сжато (например, gzip или Brotli).

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const uncompressed =
      entry.decodedBodySize && entry.decodedBodySize === entry.encodedBodySize;
    if (uncompressed) {
      console.log(`${entry.name} was not compressed!`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const uncompressed =
    entry.decodedBodySize && entry.decodedBodySize === entry.encodedBodySize;
  if (uncompressed) {
    console.log(`${entry.name} was not compressed!`);
  }
});

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

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

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

• Timing-Allow-Origin