Zasoby blokujące renderowanie (render-blocking)
Zasoby (głównie CSS i skrypty synchroniczne), które przeglądarka musi pobrać i przetworzyć, zanim cokolwiek namaluje na ekranie — „blokują renderowanie” i opóźniają pierwszy piksel, co jest główną przyczyną wolnego wrażenia ładowania.
Dlaczego: CSS blokuje renderowanie, bo przeglądarka nie chce malować treści bez stylów (FOUC) — czeka, aż cały CSS z sekcji head zostanie pobrany i sparsowany. Synchroniczne <script> (bez defer/async) blokują parser: wstrzymują parsowanie HTML do czasu pobrania i uruchomienia. Efekt: duży lub wolno serwowany CSS/JS w <head> opóźnia First Contentful Paint i LCP. Optymalizacja: wstawić krytyczny CSS inline (niewielką część potrzebną do pierwszego widoku), resztę ładować asynchronicznie; stosować defer/async w skryptach; zmniejszać i dzielić CSS/JS; używać preload dla ważnych zasobów. Narzędzia wydajnościowe oznaczają je jako „render-blocking resources”. Ich ograniczenie to jeden z najskuteczniejszych zabiegów.