Rychlost Vysoký dopad Střední 30–60 min

Blokující zdroje (render-blocking)

CSS a JS v hlavičce, které brzdí první vykreslení.

Co to je

Render-blocking zdroje jsou soubory (typicky CSS a synchronní JS v <head>), které musí prohlížeč stáhnout a zpracovat dřív, než vykreslí obsah. Do té doby vidí uživatel prázdno.

Proč to řešit

Jsou nejčastější příčinou pomalého prvního vykreslení a špatného LCP. Čím víc jich je a čím větší jsou, tím déle trvá, než se objeví obsah.

Jak na to

1Skripty odlož přes defer/async.
2Identifikuj „critical CSS" (styly pro viditelnou část) a vlož je inline, zbytek načti asynchronně.
3Sluč a minifikuj CSS/JS soubory, odstraň nepoužívané styly.
4Externí fonty načítej s font-display: swap a přednačti je.

Závěr

Cílem je doručit viditelný obsah co nejdřív a vše ostatní odložit. Začni odložením skriptů (rychlá výhra) a optimalizací CSS (critical CSS). Tahle oblast má přímý dopad na LCP, metriku, kterou Google sleduje.

Související témata