Minifitseerimine
Minifitseerimine on protsess, mille käigus eemaldatakse lähtekoodist tarbetuid karaktereid, nagu tühikud, kommentaarid ja pikad muutujanimed, muutmata funktsionaalsust, vähendades faili suurust kiiremaks laadimiseks.
Kui arendajad kirjutavad koodi, kasutavad nad tühikuid, taandeid, kirjeldavaid muutujanimi ja kommentaare, et seda loetavamaks teha. Brauserid ei vaja midagi neist. Minifitseerimine riisub need inimestele sobilikud elemendid CSS-ist, JavaScriptist ja HTML-failidest, tootes väiksemaid faile, mis laevad ja parsivad kiiremini.
500KB suurune JavaScripti fail võib minifitseeruda 150KB-ni, 70% vähenemine. CSS-minifitseerimine eemaldab kommentaarid, tühikud ja redundantset deklaratsioone. See võib ka ühendada lühendatud omadusi, ühendada identsed selektorid ja eemaldada kasutamata tootja prefiksid.
Praktikas
- Veebirakenduse JavaScripti pakett langes 1,2MB-lt 340KB-le pärast minifitseerimist ja 95KB-le pärast gzip-kompressiooni, laeval alla 1 sekundis 3G-l
- WordPressi sait installis minifitseerimispistikprogrammi ja parandas oma PageSpeed Insightsi tulemust 15 punkti võrra ainult CSS-i ja JS-minifitseerimisest
- SaaS-juhtpaneeli CSS oli 280KB minifitseerimata, pärast minifitseerimist ja kasutamata stiilide puhastamist langes see 18KB-le, elimineerides renderdamist takistavaid viivitusi
- Arendaja paigutas ekslikult minifitseerimata koodi tootmisse, põhjustades lehekülje laadimisaegade kahekordistumise, nende CI/CD torustik uuendati, et seda enam juhtumist ära hoida
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.