Rychlost Střední dopad Střední 1–2 h

Méně a menší JavaScript

Velký JS zdržuje a zatěžuje procesor zařízení.

Co to je

JavaScript se musí stáhnout, naparsovat a spustit, to vše stojí čas a výkon, hlavně na slabších mobilech. Velké JS balíky zhoršují interaktivitu (INP).

Proč to řešit

JS je „nejdražší" typ zdroje, na rozdíl od obrázku ho zařízení musí i zpracovat. Nadbytečné knihovny a nepoužívaný kód zbytečně zatěžují.

Jak na to

1Odstraň nepoužívané knihovny a kód (tree-shaking).
2Rozděl JS po stránkách (code splitting), načítej až co je potřeba.
3Odlož nekritické skripty (defer/async).
4Zvaž lehčí alternativy k velkým knihovnám.

Závěr

JavaScript drž na minimu: každý kilobyte se „platí" dvakrát (přenos + zpracování). Code splitting a odstranění mrtvého kódu nejvíc pomohou interaktivitě (INP). Tohle je často největší rezerva u moderních webů.

Související témata