Performance & Core Web Vitals · Termen glosar

Render-blocking explicat fără jargon.

Resurse (CSS, JS) care blochează randarea paginii până se încarcă. Soluții: async, defer, critical CSS inline.

Definiție extinsă

Resurse (CSS, JS) care blochează randarea paginii până se încarcă. Soluții: async, defer, critical CSS inline.

Context și aplicare

CSS implicit e render-blocking — browserul așteaptă să-l descarce și parseze înainte să afișeze ceva. Soluție: extrage CSS-ul critic (cel necesar pentru above-the-fold) și inline-uiește-l în <head>; restul CSS-ului încarcă async cu media="print" onload trick sau JS dynamic. JavaScript clasic în <head> e și el blocking; async permite descărcarea paralelă, defer amână execuția până după parsing HTML. Modul type="module" are defer implicit. Tool-uri ca Critical sau Penthouse generează critical CSS automat.

Termeni înrudiți

Core Web Vitals, LCP.

Acum că știi ce e render-blocking, aplică pe site-ul tău.

SEO Master PRO MAX rulează 100% local pe calculatorul tău. Audit complet în Plan Gratis fără cont, fără card, fără limită de pagini. Multi-AI integration cu cheile tale.