There are 6 stages to the CRP -
- Constructing the DOM Tree
- Constructing the CSSOM Tree
- Creating the Render Tree
- Generating the Layout
I imagine if you’re really getting into performance work, you’ll want a firm understanding of this. There are lots of ways to block/delay parts of this process. The job of a perf nerd is to understand when and why that’s happening, evaluate if it’s necessary or not, and tweak things to get to that painting step as soon as possible.
I’m curious if this is generic enough that 100% of all rendering engines work 100% the same way, or if there are significant differences.
Direct Link to Article — Permalink
Understanding the Critical Rendering Path is a post from CSS-Tricks