Heslo ve slovníčku
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.
Týká se to vašeho webu?
Kontrola projde web a řekne, jestli tenhle problém máte. Trvá to necelou minutu.