Minificare
Minificarea este procesul de eliminare a caracterelor inutile din codul sursă, precum spațiile albe, comentariile și numele lungi de variabile, fără a modifica funcționalitatea, reducând dimensiunea fișierului pentru o încărcare mai rapidă.
Când dezvoltatorii scriu cod, folosesc spații albe, indentare, nume descriptive de variabile și comentarii pentru a-l face lizibil. Browserele nu au nevoie de nimic din toate acestea. Minificarea elimină aceste elemente prietenoase pentru oameni din fișierele CSS, JavaScript și HTML, producând fișiere mai mici care se încarcă și se interpretează mai rapid.
Un fișier JavaScript de 500KB poate fi minificat la 150KB, o reducere de 70%. Minificarea CSS elimină comentariile, spațiile albe și declarațiile redundante. Poate, de asemenea, să combine proprietățile prescurtate, să unească selectorii identici și să elimine prefixele vendor neutilizate.
În practică
- Pachetul JavaScript al unei aplicații web a scăzut de la 1,2MB la 340KB după minificare și la 95KB după compresia gzip, încărcându-se în mai puțin de 1 secundă pe 3G
- Un site WordPress a instalat un plugin de minificare și a îmbunătățit scorul PageSpeed Insights cu 15 puncte doar din minificarea CSS și JS
- CSS-ul unui dashboard SaaS avea 280KB neminificat, după minificare și eliminarea stilurilor nefolosite, a scăzut la 18KB, eliminând întârzierile de render-blocking
- Un dezvoltator a implementat accidental cod neminificat în producție, dublând timpii de încărcare ai paginilor, pipeline-ul lor CI/CD a fost actualizat pentru a preveni repetarea acestui lucru
Nu sunteți sigur cum se aplică în cazul dumneavoastră?
Un inginer senior parcurge site-ul dumneavoastră, prezența în căutări și felul în care ajung la dumneavoastră solicitările, apoi notează primele trei lucruri care merită reparate. Păstrați documentul în orice caz.