Total Browser Processing Time
Time To First Layout
Layout Rendering Time
CSS Processing Time
CSS Calculations
Javascript Execution Time
Javascript Event Listeners
Total Browser Processing Time
Target Less than 3 seconds
How long does the browser spend on all processing of layout, scripts, CSS, and in-memory tasks to draw my page?
A longer time spent processing will result in degraded page rendering. The browser can only complete one task at a time. The more time it spends doing tasks, it is likely there may be a queue of tasks that are waiting in line. This can cause 'sticky' or slow pages that response poorly to user inputs.
The negative effects of a longer time spent by the browser on processing can be poor Core Web Vitals, like high Cumulative Layout Shift (CLS), longer blocking time, and degraded scroll and click performance.
