Rýchlosť Stredný dopad Stredné 1–2 h

Menej a menší JavaScript

Veľký JS zdržuje a zaťažuje procesor zariadenia.

Čo to je

JavaScript sa musí stiahnuť, naparsovať a spustiť, to všetko stojí čas a výkon, hlavne na slabších mobiloch. Veľké JS balíky zhoršujú interaktivitu (INP).

Prečo to riešiť

JS je „najdrahší“ typ zdroja: na rozdiel od obrázka ho zariadenie musí aj spracovať. Nadbytočné knižnice a nepoužívaný kód zbytočne zaťažujú.

Ako na to

1Odstráň nepoužívané knižnice a kód (tree-shaking).
2Rozdeľ JS po stránkach (code splitting), načítavaj až čo je potrebné.
3Odlož nekritické skripty (defer/async).
4Zváž ľahšie alternatívy k veľkým knižniciam.

Záver

JavaScript drž na minime, každý kilobyte sa „platí“ dvakrát (prenos + spracovanie). Code splitting a odstránenie mŕtveho kódu najviac pomôžu interaktivite (INP). Toto je často najväčšia rezerva pri moderných weboch.

Súvisiace témy