Mi történik a külső erőforrásokkal, amelyeket a böngésző olvas be HTML elemzése közben?

A böngésző külön HTTP-kéréseket küld minden külső erőforrásra, amelyet HTML-ben megadott (CSS-fájlok, JavaScript-fájlok, képek, betűtípusok stb.). Ezek a kérések párhuzamosan kerülnek feldolgozásra a betöltés optimalizálása érdekében. A kérésre adott válasz megérkezéséig a böngésző folytathatja a HTML elemzését, de nem alkalmazhat külső CSS-stílusokat vagy nem futtathat külső JavaScript-szkripteket azok betöltése előtt.

Ezeknek az erőforrásoknak a feldolgozásának optimalizálására különböző mechanizmusokat alkalmaznak:

• Gyorsítótár: A böngésző tárolhat másolatokat az erőforrásokról a helyi lemezen, és ezeket használhatja ismételt kérések esetén, csökkentve a betöltési időt.
• Betöltési prioritás: A böngésző meghatározza az erőforrások betöltési sorrendjét, prioritást adva azoknak, amelyek szükségesek a lap gyors megjelenítéséhez (Critical Rendering Path).
• Preload és Preconnect: Mechanizmusok az erőforrások előzetes betöltésére vagy kapcsolatok létesítésére későbbi szükség esetén.
• Lazy Loading: Az olyan erőforrások, mint a képek, csak akkor töltődnek be, amikor azok láthatóvá válnak a böngésző ablakában.
• Minifikáció és tömörítés: Az erőforrások méretének csökkentése a hálózaton történő továbbítás előtt.