Performance: clearResourceTimings() method

Syntax

clearResourceTimings()

Parameters

None.

Return value

None (undefined).

Examples

Clearing the performance resource data buffer

To remove all resource performance entries from the buffer, call the clearResourceTimings() at an appropriate point in your code or paste it into the console.

performance.clearResourceTimings();
performance.getEntriesByType("resource").length; // 0

Taking records and emptying performance observers

When using PerformanceObserver objects (especially with the buffered flag set to true), the performance resource buffer might get full quickly. However, instead of clearing the buffer, you can also store the current list of performance entries and empty the performance observer using the PerformanceObserver.takeRecords() method. This works with all kinds of performance entry types, not just "resource" entries.

function perfObserver(list, observer) {
  list.getEntries().forEach((entry) => {
    // do something with the entries
  });
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ type: "resource", buffered: true });
// Store entries and empty performance observer
const records = observer.takeRecords();

Specifications

Browser compatibility

See also

• Performance.setResourceTimingBufferSize()
• resourcetimingbufferfull