Performance & Core Web Vitals · Glossary term

Render-blocking explained without jargon.

Resources (CSS, JS) that block page rendering until they load. Solutions: async, defer, inline critical CSS.

Extended definition

Resources (CSS, JS) that block page rendering until they load. Solutions: async, defer, inline critical CSS.

Context and application

CSS implicitly is render-blocking — the browser waits to download and parse it before displaying anything. Solution: extract critical CSS (the one needed for above-the-fold) and inline it in <head>; the rest of the CSS loads async with media="print" onload trick or dynamic JS. Classic JavaScript in <head> is also blocking; async allows parallel download, defer postpones execution until after HTML parsing. type="module" has implicit defer. Tools like Critical or Penthouse generate critical CSS automatically.

Related terms

Core Web Vitals, LCP.

Now that you know what render-blocking is, apply it on your site.

SEO Master PRO MAX runs 100% locally on your computer. Full audit in Free plan, no account, no card, no page limit. Multi-AI integration with your own keys.