Minifikace

Minifikace je proces odstranění všech nepotřebných znaků ze zdrojového kódu bez změny jeho funkcionality. Odstraňují se mezery, odřádkování, komentáře, nepoužívané bloky kódu a v případě JavaScriptu se zkracují názvy proměnných a funkcí. Cílem je co nejvíce zmenšit velikost souborů, které prohlížeč musí stáhnout, což zrychluje načítání stránky a snižuje objem přenášených dat.

Minifikace se aplikuje na tři hlavní typy webových souborů. U JavaScriptu nástroje jako Terser nebo esbuild zkracují názvy proměnných, odstraňují mrtvý kód (tree shaking) a optimalizují strukturu. U CSS nástroje jako cssnano nebo Lightning CSS slučují duplicitní pravidla, zkracují barevné hodnoty a odstraňují přebytečné mezery. U HTML se odstraňují komentáře, nepotřebné atributy a whitespace mezi elementy. Moderní build nástroje jako Vite, webpack nebo Rollup provádějí minifikaci automaticky při produkčním buildu.

Dopad minifikace na výkon může být významný. Typický JavaScriptový soubor se minifikací zmenší o 30-50 %, CSS o 20-40 %. V kombinaci s gzip nebo Brotli kompresí na úrovni serveru může celková úspora přesáhnout 70 % původní velikosti. Pro weby s rozsáhlým frontendovým kódem to může znamenat rozdíl v řádech stovek kilobajtů, což se na mobilním připojení projeví výrazným zrychlením. Minifikace je jednou z nejjednodušších a nejefektivnějších optimalizací, kterou by měl mít každý produkční web nasazenu automaticky jako součást deploymentu.