What is Render-blocking resources?
The short answer
Render-blocking resources are stylesheets and scripts the browser must download and process before it can draw the page, delaying the first paint.
Render-blocking resources, explained
Inline the small CSS the first view needs, defer non-critical scripts and load the rest asynchronously.
Questions people ask about Render-blocking resources
What is Render-blocking resources?
Render-blocking resources are stylesheets and scripts the browser must download and process before it can draw the page, delaying the first paint.
Related terms
Critical CSS is the minimal set of styles needed to render the first visible part of a page, inlined in the HTML so the page can draw immediately.
First Contentful PaintFirst Contentful Paint is the moment the browser first draws any text or image from the page, the first sign to a visitor that something is happening.
Largest Contentful PaintLargest Contentful Paint measures how long it takes for the largest visible element, usually the hero image or headline, to appear; good is 2.5 seconds or less.
Page speedPage speed is how quickly a web page loads and becomes usable, measured by metrics like Largest Contentful Paint, Interaction to Next Paint and layout stability.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.