Minifikacija
Minifikacija je postopek odstranjevanja nepotrebnih znakov iz izvorne kode, kot so presledki, komentarji in dolgi imeni spremenljivk, brez spreminjanja funkcionalnosti, kar zmanjša velikost datoteke za hitrejše nalaganje.
Ko razvijalci pišejo kodo, uporabljajo presledke, zamike, opisna imena spremenljivk in komentarje, da bi jo naredili berljivo. Brskalniki tega ne potrebujejo. Minifikacija odstrani te elemente, prijazne ljudem, iz datotek CSS, JavaScript in HTML, kar proizvede manjše datoteke, ki se hitreje naložijo in analizirajo.
Datoteka JavaScript velikosti 500 KB se lahko zminificira na 150 KB, kar je zmanjšanje za 70 %. Minifikacija CSS odstrani komentarje, presledke in odvečne deklaracije. Lahko tudi združi lastnosti kratkih zapisov, združi identične selektorje in odstrani nepotrebne predpone ponudnikov.
V praksi
- Paket JavaScript spletne aplikacije se je po minifikaciji zmanjšal z 1,2 MB na 340 KB in po stiskanju gzip na 95 KB, kar omogoča nalaganje v manj kot 1 sekundo na povezavi 3G.
- WordPress spletno mesto je namestilo vtičnik za minifikacijo in izboljšalo oceno PageSpeed Insights za 15 točk samo zaradi minifikacije CSS in JS.
- CSS nadzorne plošče SaaS je bil neminificiran velik 280 KB, po minifikaciji in odstranitvi neporabljenih stilov se je zmanjšal na 18 KB, s čimer je odpravil zamude pri blokirnem upodabljanju.
- Razvijalec je po nesreči uvedel neminificirano kodo v proizvodnjo, kar je podvojilo čase nalaganja strani, njihova CI/CD cevovod je bila posodobljena, da se to ne bi ponovilo.
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.