SEOMaster
Bundler (Vite · webpack)
Składa kod w pliki dla przeglądarki.
Co to jest Bundler (Vite · webpack)?
Bundler (np. Vite albo webpack) to narzędzie, które łączy i optymalizuje pliki źródłowe — moduły JavaScript, style, obrazy — w kilka wydajnych plików gotowych do wysłania do przeglądarki.
Po drodze usuwa nieużywany kod, dzieli go na mniejsze paczki ładowane na żądanie i minifikuje. SEOMaster budujemy narzędziem Vite.
Dlaczego to ważne dla SEO
Dobry bundling wprost wpływa na wydajność: mniejsze i mądrzej podzielone pliki to szybsze ładowanie i lepsze Core Web Vitals.
Jak to sprawdzić
To element budowania, ale jego efekt widać w przeglądarce: zminifikowane pliki z hashem w nazwie i podział na paczki (code splitting).
Częste błędy
- Brak podziału kodu (jeden ogromny plik JS)
- Dołączanie nieużywanych bibliotek do paczki
- Brak minifikacji na produkcji
Przykład
Moduły + style + obrazy → kilka zoptymalizowanych plików