- Revealed at
- Up to date at
- Studying time
- 1min
There are many DOM occasions and net efficiency metrics to contemplate when monitoring your website’s consumer expertise. There’s Load
, the holy Velocity Index or net vitals equivalent to LCP
(largest contentful paint).
Harry simply made a case for contemplating monitoring DomContentLoad
, too! It is a good piece on browser occasions and how one can get your arms on enhancing net efficiency.
And whereas studying it, I found one other browser occasion that I in all probability have recognized about however left my reminiscence — DomInteractive
.
[DomInteractive
] is the second the browser has completed parsing all synchronous DOM work: your HTML and all blocking scripts it encountered on the best way. Principally, the browser is now on the </html> tag. The browser is able to run your deferred JavaScript.
The DomInteractive
occasion can come in useful when evaluating your JS payloads’ execution time. However I will not repeat Harry’s insights right here, so head over to his weblog. The submit is a pleasant deep dive!
Sure? Cool! You may need to take a look at Internet Weekly for extra WebDev shenanigans. The final version went out 15 days in the past.