Minifikace

Minifikace je proces odstranění všech nepotřebných znaků ze souborů se zdrojovým kódem bez změny jejich funkčnosti. Zahrnuje odstranění mezer, odřádkování a komentářů a v JavaScriptu i zkracování názvů proměnných; to vše je při vývoji užitečné pro čitelnost, ale zvětšuje velikost souboru o data, která prohlížeč nepotřebuje. JavaScriptový soubor o velikosti 100 KB lze samotnou minifikací často zmenšit na 40–60 KB a úspora je ještě větší v kombinaci s kompresí gzip nebo Brotli při přenosu.

Standardní nástroje pro minifikaci se liší podle typu souboru. Pro JavaScript je dominantním minifikátorem Terser, který zvládá moderní syntaxi ES6+ a podporuje pokročilé optimalizace jako odstranění mrtvého kódu nebo scope hoisting. Pro CSS se široce používají cssnano a Lightning CSS, které odstraňují redundantní pravidla, slučují selektory a zkracují hodnoty barev. Minifikace HTML je méně běžná, ale nástroje jako html-minifier-terser dokážou odstranit prázdné znaky a nepovinné uzavírací tagy. Moderní build nástroje jako Vite, Webpack a esbuild provádějí minifikaci jako součást produkčního buildu, takže vývojáři zřídka musí minifikátory spouštět ručně.

Minifikace je pro výkon webu důležitá, protože každý kilobajt JavaScriptu, CSS a HTML přímo ovlivňuje dobu načítání stránky, zvlášť na mobilním připojení, kde je šířka pásma omezená a doba parsování měřitelná. Menší soubory se rychleji stahují, parsují i spouštějí. V kombinaci s tree shakingem, který odstraňuje nepoužitý kód, a code splittingem, který načítá jen JavaScript potřebný pro aktuální stránku, je minifikace součástí širší strategie, jak udržet velikost balíčků malou. U jakéhokoli produkčního webu znamená nasazení neminifikovaného kódu v podstatě dodávat koncovým uživatelům ladicí sestavení, plýtvat jejich daty a vaším výkonnostním rozpočtem.