Paint timing performance entriesBaseline · Widely available
A paint performance entry measures the duration of "paint" (also called "render") operations as a page loads. It measures the time to First Paint (FP) and First Contentful Paint (FCP), common metrics for perceived loading times.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Apr 26, 2021. Widely available since Oct 26, 2023.
Browser support
DesktopChrome
1–59Not supported
60+Supportedsince Jul 25, 2017
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–83Not supported
84+Supportedsince Dec 15, 2020
Current: 157Safari
1–14Not supported
14.1+Supportedsince Apr 26, 2021
Current: 27MobileChrome Android
18–59Not supported
60+Supportedsince Aug 1, 2017
Current: 155Firefox Android
4–83Not supported
84+Supportedsince Dec 15, 2020
Current: 157Safari iOS
1–14Not supported
14.5+Supportedsince Apr 26, 2021
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: PerformancePaintTiming.
Feature detection
JS · check before using
if ("PerformancePaintTiming" in globalThis) {
// PerformancePaintTiming is available
} else {
// load a polyfill or use a fallback
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (4). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| PerformancePaintTiming | 60 | 79 | 84 | 14.1 | 60 | 84 | 14.5 |
| PerformancePaintTiming.first-contentful-paint | 60 | 79 | 84 | 14.1 | 60 | 84 | 14.5 |
| PerformancePaintTiming.first-paint | 60 | 79 | ✕ | ✕ | 60 | ✕ | ✕ |
| PerformancePaintTiming.toJSON | 60 | 79 | 84 | 14.1 | 60 | 84 | 14.5 |