coderef

Element timing performance entriesLimited availability

An element performance entry measures the time to render elements that have the elementtiming attribute.

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
✕Not supportedup to 157
Current: 157
Safari
✕Not supportedup to 27
Current: 27
MobileChrome Android
18–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155
Firefox Android
✕Not supportedup to 157
Current: 157
Safari iOS
✕Not supportedup to 27
Current: 27

How to use

Not supported in Firefox, Safari, Firefox Android, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: elementTiming.

Feature detection

JS · check before using
if ("Element" in globalThis && "elementTiming" in Element.prototype) {
  // Element.elementTiming is available
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (12). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
Element.elementTiming7779✕✕77✕✕
PerformanceElementTiming7779✕✕77✕✕
PerformanceElementTiming.element7779✕✕77✕✕
PerformanceElementTiming.id7779✕✕77✕✕
PerformanceElementTiming.identifier7779✕✕77✕✕
PerformanceElementTiming.intersectionRect7779✕✕77✕✕
PerformanceElementTiming.loadTime7779✕✕77✕✕
PerformanceElementTiming.naturalHeight7779✕✕77✕✕
PerformanceElementTiming.naturalWidth7779✕✕77✕✕
PerformanceElementTiming.renderTime7779✕✕77✕✕
PerformanceElementTiming.toJSON7779✕✕77✕✕
PerformanceElementTiming.url7779✕✕77✕✕