Minifikace

Minifikace je proces odstraneni vsech nepotrebnych znaku ze zdrojoveho kodu bez zmeny jeho funkcionality. Odstranuji se mezery, odradkovani, komentare, nepouzivane bloky kodu a v pripade JavaScriptu se zkracuji nazvy promennych a funkci. Cilem je co nejvice zmensit velikost souboru, ktere prohlizec musi stahnout, coz zrychluje nacitani stranky a snizuje objem prenasenych dat.

Minifikace se aplikuje na tri hlavni typy webovych souboru. U JavaScriptu nastroje jako Terser nebo esbuild zkracuji nazvy promennych, odstranuji mrtvy kod (tree shaking) a optimalizuji strukturu. U CSS nastroje jako cssnano nebo Lightning CSS slucuji duplicitni pravidla, zkracuji barevne hodnoty a odstranuji prebytecne mezery. U HTML se odstranuji komentare, nepotrebne atributy a whitespace mezi elementy. Moderni build nastroje jako Vite, webpack nebo Rollup provadeji minifikaci automaticky pri produkcnim buildu.

Dopad minifikace na vykon muze byt vyznamny. Typicky JavaScriptový soubor se minifikaci zmensi o 30-50 %, CSS o 20-40 %. V kombinaci s gzip nebo Brotli kompresi na urovni serveru muze celkova uspora presahnout 70 % puvodni velikosti. Pro weby s rozsahlym frontendovym kodem to muze znamenat rozdil v radech stovek kilobajtu, coz se na mobilnim pripojeni projevi vyraznym zrychlenim. Minifikace je jednou z nejjednodussich a nejefektivnějších optimalizaci, kterou by mel mit kazdy produkcni web nasazenu automaticky jako soucást deploymentu.