Minifiointi
Minifiointi on prosessi, jossa lähdekoodista poistetaan tarpeettomia merkkejä, kuten välilyöntejä, kommentteja ja pitkiä muuttujanimiä, muuttamatta toiminnallisuutta, mikä pienentää tiedostokokoa nopeampaa latausta varten.
Kehittäjät kirjoittaessaan koodia käyttävät välilyöntejä, sisennystä, kuvaavia muuttujanimiä ja kommentteja luodakseen luettavuutta. Selaimet eivät tarvitse mitään näistä. Minifiointi irrottaa nämä ihmisen kannalta ystävälliset elementit CSS-, JavaScript- ja HTML-tiedostoista, tuottaen pienempiä tiedostoja, jotka latautuvat ja jäsentyvät nopeammin.
500 kt:n JavaScript-tiedosto voi minifioida 150 kt:iin, 70 %:n vähennys. CSS-minifiointi poistaa kommentit, välilyönnit ja redundanssit deklaratiot. Se voi myös yhdistää shorthands-ominaisuudet, sulattaa identtiset selektorit ja poistaa käyttämättömät vendor-prefixit.
Käytännössä
- Web-sovelluksen JavaScript-paketti supistui 1,2 Mt:stä 340 kt:iin minifioinnin jälkeen ja edelleen 95 kt:iin gzip-pakkaamisen jälkeen, latautuen alle sekunnissa 3G-yhteydellä
- WordPress-sivusto asensi minifiointiliitännäisen ja paransi PageSpeed Insights -pistemääräänsä 15 pistettä pelkästään CSS- ja JS-minifioinnilla
- SaaS-rajapinnan CSS oli 280 kt minifioimattomana, minifioinnin ja käyttämättömien tyylien puhdistuksen jälkeen se putosi 18 kt:iin, eliminoiden renderöintiä estävät viiveet
- Kehittäjä julkaisi vahingossa minifioimattoman koodin tuotantoon, mikä tuplasi sivun latausajat, CI/CD-putkea päivitettiin estämään tämä uudelleen
Et ole varma, miten tämä koskee sinua?
Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.