Minification
PerformanțăMinification (minificarea) este procesul de eliminare a caracterelor inutile din codul sursă — spații, comentarii, întreruperi de linie și formatare — fără a modifica funcționalitatea. Se aplică fișierelor CSS, JavaScript și HTML, reducând dimensiunea acestora cu 10-40%. Minificarea accelerează descărcarea resurselor și îmbunătățește timpul de încărcare al paginilor.
Minificarea este o tehnică standard de optimizare a performanței web care reduce dimensiunea fișierelor de cod prin eliminarea elementelor care sunt utile doar pentru dezvoltatori — spații, tab-uri, comentarii, nume lungi de variabile — dar irelevante pentru browser.
Un fișier CSS de 100 KB bine formatat și comentat poate fi redus la 60-70 KB prin minificare. Pentru JavaScript, reducerea poate fi și mai semnificativă (30-50%) datorită eliminării comentarilor, prescurtării numelor de variabile și optimizării expresiilor.
Minificarea CSS elimină: spații între reguli, comentarii, punct și virgulă la ultima proprietate, zero-uri inutile (0.5 devine .5), și poate combina selectori duplicați. Instrumente populare: cssnano, clean-css și PostCSS.
Minificarea JavaScript (adesea numită uglification) este mai complexă: pe lângă eliminarea spațiilor și comentariilor, instrumente precum Terser și UglifyJS prescurtează numele variabilelor locale, elimină codul nefolosit (tree shaking) și optimizează expresiile logice.
Minificarea HTML elimină spațiile dintre tag-uri, comentariile și atributele redundante. Beneficiul este mai mic decât pentru CSS/JS, dar rămâne relevant pentru pagini HTML mari.
Este important să se păstreze versiunile originale (neminificate) ale codului pentru dezvoltare și debugging. Source maps permit browserelor să mapeze codul minificat înapoi la sursa originală, facilitând depanarea în producție.
Pentru site-urile care folosesc Tailwind CSS (precum proiectele moderne din România), compilarea CSS în producție include automat minificarea. Pentru JavaScript, un bundler precum Vite, Webpack sau esbuild gestionează minificarea ca parte a procesului de build.
Minificarea se combină ideal cu compresia Gzip sau Brotli — mai întâi se minifică, apoi se compresează, obținând reduceri totale de 80-90% din dimensiunea originală.