A nagy JavaScript csomag a leggyakoribb oka a rossz INP mutatónak a modern weboldalakon. A code splitting módszer a bundle-t kisebb darabokra vágja, így csak az adott oldalhoz szükséges kód töltődik le ténylegesen. A dynamic import szintaxis Webpack, Vite és Rollup esetén egyaránt működik gyári konfigurációval. A tree shaking a nem használt exportokat távolítja el a végső csomagból fordítás közben. Ehhez ES modul formátum kell, mert a CommonJS nem támogatja megfelelően. A bundle elemzéshez a webpack-bundle-analyzer vagy a source-map-explorer ad vizuális térképet. A cél a kezdeti JavaScript hasznos teher 150 kilobyte alatt tartása gzip után.
történetek
