Performance: resourcetimingbufferfull event

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Note: This feature is available in Web Workers.

The resourcetimingbufferfull event is fired when the browser's resource timing buffer is full.

Syntax

Use the event name in addEventListener():

js
addEventListener("resourcetimingbufferfull", (event) => { })

Alternatively, assign to the event handler property of the interface:

js
onresourcetimingbufferfull = (event) => { }

Event type

A generic Event.

Examples

Increasing size when buffer is full

The following example listens for the resourcetimingbufferfull event and increases the buffer size using the setResourceTimingBufferSize() method.

js
function increaseFilledBufferSize(event) {
  console.log(
    "WARNING: Resource Timing Buffer is FULL! Increasing buffer size to 500.",
  );
  performance.setResourceTimingBufferSize(500);
}

performance.addEventListener(
  "resourcetimingbufferfull",
  increaseFilledBufferSize,
);

Specifications

Specification
Resource Timing
# dom-performance-onresourcetimingbufferfull

Browser compatibility

See also