SEOMaster
Dzielenie kodu (code splitting)
Ładowanie tylko potrzebnego JS.
Co to jest Dzielenie kodu (code splitting)?
Dzielenie kodu (code splitting) to rozbicie jednego wielkiego pliku JavaScript na mniejsze fragmenty, ładowane dopiero wtedy, gdy są potrzebne — np. kod danej podstrony wczytuje się przy wejściu na nią, a nie na starcie całej aplikacji.
Dzięki temu pierwsze wejście pobiera tylko niezbędne minimum, a reszta dochodzi na żądanie. Kluczowa technika w aplikacjach SPA.
Dlaczego to ważne dla SEO
Mniej JavaScriptu na starcie to szybszy pierwszy render i niższy TTI. Code splitting wprost poprawia wydajność rozbudowanych aplikacji.
Jak to sprawdzić
W Network zobaczysz, czy aplikacja ładuje wiele mniejszych paczek JS na żądanie, czy jeden ogromny plik. To efekt konfiguracji bundlera.
Częste błędy
- Jeden wielki pakiet JS dla całej aplikacji
- Zbyt drobny podział (narzut wielu żądań)
- Brak leniwego ładowania ciężkich, rzadkich widoków
Przykład
Wejście → kod strony głównej · /panel → doładowanie kodu panelu