Total Browser Processing Time
Time To First Layout
Layout Rendering Time
CSS Processing Time
CSS Calculations
Javascript Execution Time
Javascript Event Listeners
Time to First Layout
Target Less than 0.8 seconds
How fast is my page ready to start rendering its first visual elements?
Time To First Layout is the measure of how fast the page will be ready to start rendering after the preliminary HTML payload has been delivered and parsed into the DOM.
This is analagous to domcontentloaded
.
A slow TTFL value may indicate that your server is doing too much server-side processing — in that case likely also affecting Time To First Byte (TTFB) and First Contentful Paint (FCP). It may also indicated that you have render-blocking script tags, or that your initial HTML payload may have too many DOM elements/nodes or large CSS payloads.