Slovníček
Blokující zdroj
Stručně
Soubor, který musí prohlížeč stáhnout a zpracovat, než začne stránku vykreslovat. Typicky styly a skripty v hlavičce.
Co typicky blokuje
- Soubory stylů v hlavičce.
- Skripty bez atributu
deferneboasync. - Písma stahovaná z cizí domény.
- Skripty pro měření vložené hned na začátku hlavičky.
Jak to řešit
- Skripty, které nejsou potřeba pro první vykreslení, načítat s
defer. - Styly potřebné pro úvodní obrazovku vložit přímo do stránky, zbytek načíst později.
- Písma hostovat na vlastní doméně a předem k nim navázat spojení.
- Zrušit soubory, které se načítají na všech stránkách, ale používá je jedna.
Časté dotazy
Jak poznám, které zdroje blokují?
V PageSpeed Insights je sekce s odstraněním zdrojů blokujících vykreslení, kde jsou konkrétní soubory i odhad ušetřeného času. V nástrojích pro vývojáře je vidět, co se stahuje před prvním vykreslením.
Můžu prostě všechny skripty odložit?
U většiny ano, ale pozor na skripty, na kterých závisí vzhled stránky nebo měření souhlasu. Bezpečný postup je odložit vše kromě těch, které to prokazatelně rozbije, a rozdíl otestovat.
Návody k tomuhle tématu
Skripty třetích stran: kolik stojí měření, chaty a widgety
Cizí skripty jsou nejčastější příčina pomalého webu, na kterou nikdo nesahá. Nejde je zrychlit, jde je jen odložit nebo zrušit.
JavaScript a SEO: kdy robot obsah uvidí a kdy ne
Google JavaScript spustí, ale s odkladem a ne vždycky. Seznam s ním pracuje omezeně. Obsah, na kterém závisí návštěvnost, patří do HTML.
Core Web Vitals srozumitelně: LCP, INP a CLS
LCP, INP a CLS bez omáčky: kde přesně jsou hranice, proč vám Search Console mlčí a co na WordPressu opravdu zabere. S čísly a pořadím oprav.
Obrázky a rychlost webu: kde se dá ušetřit nejvíc
Fotka z mobilu váží 3 MB, na webu má stačit 100 KB. Kde se u obrázků dá ubrat nejvíc a jak na to na e-shopu, kde jich máte tisíce.
Týká se to vašeho webu?
Kontrola projde web a řekne, jestli tenhle problém máte. Trvá to necelou minutu.