Co se děje s externími zdroji, které prohlížeč čte při parsování HTML?

Prohlížeč odesílá samostatné požadavky HTTP na každý externí zdroj uvedený v HTML (CSS soubory, JavaScript soubory, obrázky, písma atd.). Tyto požadavky jsou zpracovávány paralelně za účelem optimalizace načítání. Do doby, než je požadavek zodpovězen, může prohlížeč pokračovat v parsování HTML, ale nemůže použít styly CSS z externích souborů ani spustit skripty JavaScript z externích souborů, dokud nejsou načteny.

Pro optimalizaci zpracování těchto zdrojů se používají různé mechanismy:

• Cache: Prohlížeč může ukládat kopie zdrojů na místní disk a používat je při opakovaných požadavcích, čímž zkracuje dobu načítání.
• Priorita načítání: Prohlížeč určuje pořadí načítání zdrojů a dává prioritu těm, které jsou nezbytné pro rychlé zobrazení viditelné části stránky (Critical Rendering Path).
• Preload a Preconnect: Mechanismy pro předběžné načítání nebo navazování spojení se zdroji, které budou později potřeba.
• Lazy Loading: Zdroje jako obrázky se mohou načítat pouze tehdy, když se stanou viditelnými v okně prohlížeče.
• Minifikace a komprese: Zmenšení velikosti zdrojů před jejich přenosem přes síť.