Minifikacija
Minifikacija je proces uklanjanja nepotrebnih znakova iz izvornog koda, poput bijelih prostora, komentara i dugih imena varijabli, bez promjene funkcionalnosti, čime se smanjuje veličina datoteke radi bržeg učitavanja.
Kada programeri pišu kod, koriste bijele prostore, uvlačenje, opisna imena varijabli i komentare kako bi ga učinili čitljivim. Preglednicima nije ni potrebno ništa od toga. Minifikacija uklanja ove ljudima prijateljske elemente iz datoteka CSS-a, JavaScripta i HTML-a, proizvodeći manje datoteke koje se brže učitavaju i parsiraju.
Datoteka JavaScripta od 500 KB može se minificirati na 150 KB, smanjenje od 70 %. Minifikacija CSS-a uklanja komentare, bijele prostore i redundantne deklaracije. Također može kombinirati svojstva kratkog zapisa, spojiti identične selektore i ukloniti nepotrebne proizvođačke prefikse.
U praksi
- JavaScript paket web aplikacije smanjen je s 1,2 MB na 340 KB nakon minifikacije, a zatim na 95 KB nakon gzip kompresije, učitavanje traje manje od 1 sekunde na 3G vezi
- WordPress web stranica instalirala je plugin za minifikaciju i poboljšala svoju PageSpeed Insights ocjenu za 15 bodova samo zbog minifikacije CSS-a i JS-a
- CSS SaaS nadzorne ploče bio je 280 KB neminificiran, nakon minifikacije i čišćenja nepotrebnih stilova, spao je na 18 KB, eliminirajući kašnjenja blokiranja iscrtavanja
- Programer je slučajno deployao neminificirani kod u produkciju, što je udvostručilo vremena učitavanja stranice, njihov CI/CD pipeline ažuriran je kako bi se ovo ponovno spriječilo
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.