Koodin minimoija
Minimoi HTML, CSS ja JavaScript tiedostokoon pienentämiseksi ja sivun latausnopeuden parantamiseksi. Ilmainen verkkotyökalu, 100% asiakaspuolella, tietoja ei lähetetä mihinkään.
Viite
Mikä on koodin minimointi?
Koodin minimointi poistaa tarpeettomat merkit lähdekoodista — tyhjän tilan, kommentit, rivinvaihdot ja valinnaiset erottimet — muuttamatta koodin toimintaa. Tuloksena on pienempi tiedosto, joka latautuu nopeammin verkon yli. Minimointi on vakiovaihe jokaisessa nykyaikaisessa front-end-rakennusputkessa ja Googlen web-suorituskykyohjeet suosittelevat sitä HTML:lle, CSS:lle ja JavaScriptille.
HTML-minimointi
HTML-minimointi poistaa HTML-kommentit (<!-- ... -->) ja tiivistää tagien välisen tyhjän tilan. Selaimet jättävät huomiotta ylimääräisen tyhjän tilan HTML:ssä, joten sen poistaminen ei vaikuta ulkoasuun mutta pienentää tiedostokokoa. Tyypilliset HTML-minimointisäästöt ovat 10–25 % muotoilutyylistä ja kommenttien määrästä riippuen. Sisäkkäiset <style>- ja <script>-lohkot hyötyvät myös omien kielikohtaisten minimointiensa soveltamisesta.
CSS-minimointi
CSS-minimointi poistaa kommentit (/* ... */), tiivistää tyhjän tilan ja poistaa välilyönnit merkkien {, }, :, ; ja , ympäriltä. Se poistaa myös viimeisen puolipisteen ennen }-merkkiä, jonka CSS-jäsentimet sallivat puuttuvan. Hyvin kommentoiduilla CSS-tiedostoilla saavutetaan tyypillisesti 20–40 % koon pieneneminen. Tuotantokäyttöön työkalut kuten cssnano ja Lightning CSS menevät pidemmälle yhdistämällä päällekkäisiä sääntöjä, lyhentämällä värejä (#ffffff → #fff) ja poistamalla tarpeettomia etuliitteitä.
JavaScript-minimointi
Tämä työkalu suorittaa konservatiivisen JavaScript-minimoinnin: se poistaa yksirivisiä kommentteja (// ...), monirivisiä kommentteja (/* ... */) ja tiivistää tyhjän tilan. Tämä on turvallista ja nopeaa, mutta ei täydellinen optimoija — se ei nimeä muuttujia uudelleen, poista käyttämättömiä vientiä eikä kuollutta koodia. Tuotantorakennusputkiin käytä omistettuja työkaluja: Terser (standardi Webpack/Vitelle), esbuild (erittäin nopea, Go-pohjainen) tai SWC (Rust-pohjainen, Next.js:n käyttämä). Nämä työkalut saavuttavat 40–70 % koon pienenemisen yhdistämällä minimoinnin muuttujien nimenmuutokseen.
Tietosuoja
Kaikki käsittely toimii 100% selaimessasi. Tietoja ei lähetetä palvelimelle.