Co się dzieje z zasobami zewnętrznymi, które przeglądarka odczytuje podczas parsowania HTML?

Przeglądarka wysyła oddzielne żądania HTTP dla każdego zewnętrznego zasobu określonego w HTML (pliki CSS, pliki JavaScript, obrazy, czcionki itp.). Te żądania są obsługiwane równolegle w celu optymalizacji ładowania. Do momentu otrzymania odpowiedzi na żądanie, przeglądarka może kontynuować analizę HTML, ale nie może zastosować stylów CSS zewnętrznych ani wykonać skryptów JavaScript zewnętrznych, dopóki nie zostaną one załadowane.

W celu optymalizacji obsługi tych zasobów stosuje się różne mechanizmy:

• Cache: Przeglądarka może przechowywać kopie zasobów na dysku lokalnym i używać ich przy kolejnych żądaniach, skracając czas ładowania.
• Priorytet ładowania: Przeglądarka ustala kolejność ładowania zasobów, nadając priorytet tym, które są niezbędne do szybkiego wyświetlenia widocznej części strony (Critical Rendering Path).
• Preload i Preconnect: Mechanizmy do wstępnego ładowania lub ustanawiania połączeń z zasobami, które będą potrzebne później.
• Lazy Loading: Zasoby, takie jak obrazy, mogą być ładowane tylko wtedy, gdy staną się widoczne w oknie przeglądarki.
• Minifikacja i kompresja: Zmniejszenie rozmiaru zasobów przed ich przesłaniem przez sieć.