The answer
Synchronous scripts block HTML parsing and can delay DOM construction, which delays the rest of the rendering pipeline.
What Happens in the Browser Before Rendering?
Why can JavaScript slow initial rendering?
More FAQs in What Happens in the Browser Before Rendering?
It parses HTML into the DOM, parses CSS into the CSSOM, runs scripts, computes layout, and then paints the page.
The browser needs CSS to know how elements should be styled before it can safely paint the page.
Layout calculates element size and position. Paint draws the visual output after layout is known.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.