Sobes.tech
Middle

Čo sa deje s externými zdrojmi, ktoré prehliadač číta pri parsovaní HTML?

sobes.tech AI

Odpoveď od AI

Prehliadač odosiela samostatné požiadavky HTTP na každý externý zdroj uvedený v HTML (CSS súbory, JavaScript súbory, obrázky, písma atď.). Tieto požiadavky sa spracovávajú paralelne na optimalizáciu načítania. Do doby, kým sa nedostane odpoveď na požiadavku, prehliadač môže pokračovať v parsovaní HTML, ale nemôže použiť štýly CSS z externých súborov ani spustiť skripty JavaScript z externých súborov, kým nie sú načítané.

Na optimalizáciu spracovania týchto zdrojov sa používajú rôzne mechanizmy:

  • Cache: Prehliadač môže ukladať kópie zdrojov na lokálny disk a používať ich pri opakovaných požiadavkách, čím skracuje čas načítania.
  • Priorita načítania: Prehliadač určuje poradie načítania zdrojov a dáva prioritu tým, ktoré sú nevyhnutné pre rýchle zobrazenie viditeľnej časti stránky (Critical Rendering Path).
  • Preload a Preconnect: Mechanizmy na predbežné načítanie alebo nadväzovanie spojení so zdrojmi, ktoré budú neskôr potrebné.
  • Lazy Loading: Zdroje ako obrázky sa môžu načítať iba vtedy, keď sa stanú viditeľnými v okne prehliadača.
  • Minifikácia a kompresia: Zmenšenie veľkosti zdrojov pred ich prenosom cez sieť.