Szybkość Średni wpływ Średnie 1–2 h

Mniej i mniejszy JavaScript

Duży JS opóźnia i obciąża procesor urządzenia.

Co to jest

JavaScript musi zostać pobrany, sparsowany i uruchomiony, to wszystko kosztuje czas i wydajność, głównie na słabszych telefonach. Duże paczki JS pogarszają interaktywność (INP).

Dlaczego warto to rozwiązać

JS to „najdroższy” typ zasobu, w odróżnieniu od obrazu urządzenie musi go także przetworzyć. Nadmiarowe biblioteki i nieużywany kod niepotrzebnie obciążają.

Jak to zrobić

1Usuń nieużywane biblioteki i kod (tree-shaking).
2Podziel JS na strony (code splitting), wczytuj dopiero to, co potrzebne.
3Odłóż niekrytyczne skrypty (defer/async).
4Rozważ lżejsze alternatywy dla dużych bibliotek.

Podsumowanie

JavaScript trzymaj na minimum, za każdy kilobajt „płaci się” dwukrotnie (transfer + przetwarzanie). Code splitting i usunięcie martwego kodu najbardziej pomogą interaktywności (INP). To często największa rezerwa w nowoczesnych witrynach.

Powiązane tematy