Ce se întâmplă cu resursele externe pe care browserul le citește în timpul parsării HTML?

Browserul trimite solicitări HTTP separate pentru fiecare resursă externă specificată în HTML (fișiere CSS, fișiere JavaScript, imagini, fonturi etc.). Aceste solicitări sunt procesate în paralel pentru a optimiza încărcarea. Până când se primește răspunsul la solicitare, browserul poate continua analiza HTML, dar nu poate aplica stilurile CSS externe sau executa scripturile JavaScript externe până la încărcarea acestora.

Pentru a optimiza procesarea acestor resurse, se aplică diferite mecanisme:

• Cache: Browserul poate stoca copii ale resurselor pe disc-ul local și le poate folosi pentru solicitări ulterioare, reducând timpul de încărcare.
• Prioritatea de încărcare: Browserul determină ordinea de încărcare a resurselor, acordând prioritate celor necesare pentru afișarea rapidă a părții vizibile a paginii (Critical Rendering Path).
• Preload și Preconnect: Mecanisme pentru încărcarea în avans sau stabilirea conexiunilor cu resursele care vor fi necesare mai târziu.
• Lazy Loading: Resurse precum imaginile pot fi încărcate doar atunci când devin vizibile în fereastra browserului.
• Minificare și comprimare: Reducerea dimensiunii resurselor înainte de transmiterea lor prin rețea.