Koodi & muoto

JS-pienentäjä

Pienennä JavaScript-koodiasi ilmaiseksi: pienennä tiedostokokoa poistamalla kommentteja ja ylimääräisiä välilyöntejä ja näe säästöprosenttisi välittömästi.

JS-pienentäjä
Minimoitu koodi
Alkuperäinen koko
Pienennetty koko
Tallennetaan
output.min.js
Yksinkertainen pienentäminen (kommentit + tilan poisto). Tuotantoympäristöihin suositellaan täydellistä pienentäjää, kuten Terser/esbuild.
Tieto

Tietoja JS Minimizerista

JavaScript-tiedostojen koko vaikuttaa suoraan verkkosivustosi latausnopeuteen ja Core Web Vitals -pisteisiin. Minimoiminen vähentää merkittävästi tiedoston selaimeen lähettämiseen tarvittavien tavujen määrää poistamalla lähdekoodista kommentit, tarpeettomat välilyönnit, rivinvaihdot ja sisennykset.

Tämä on ilmainen. JS-pienentäjä Työkalu käsittelee selaimeesi liittämäsi JavaScript-koodin; palvelimelle ei lähetetä tietoja. Yhden rivin kommentit (//), moniriviset kommentit (/* ... */), rivien alusta ja lopusta poistetaan välilyönnit. String ("...", '...', `...``<script>`- ja `regex`-literaalien sisältö säilyy; tämä minimoi toiminnallisen heikkenemisen riskin.

Työkalu, alkuperäinen ja alennettu Se vertailee koodien kokoja ja näyttää prosentuaalisen säästön. Huomautuksia: Tämä työkalu suorittaa perustason skaalauksen alas. Se tarjoaa muuttujien uudelleennimeämisen, puun ravistelun ja edistyneen optimoinnin tuotantoympäristöihin. Käänteinen, esbuild tai UglifyJS Täysin varusteltuja pienennystyökaluja, kuten näitä, suositellaan.

Kuinka sitä käytetään?

Askel askeleelta

  1. Haluat pienentää sitä JavaScript-koodi Liitä tai kirjoita yllä olevaan kenttään.
  2. Vähentää Klikkaa painiketta; kommentit ja ylimääräiset välilyönnit poistetaan välittömästi.
  3. Säästöprosentti Ja tavukoot näkyvät tulososiossa.
  4. Minifioitu koodi Kopioida Tallenna se leikepöydälle painikkeella ja käytä sitä projektissasi.
  5. Eri koodia varten Puhdas Napsauta painiketta ja toista prosessi.
UKK

Usein kysytyt kysymykset

Nro. Työkalumerkkijono ("...", '...'mallikirjaimellinen `...`Se tunnistaa ja säilyttää regex-literaalien ja kommenttimerkkien sisällön. Tämä varmistaa, että kommenttimerkkeinä näkyvät, mutta todellisuudessa dataa olevat osat eivät poistu.

Sopii yksinkertaisiin projekteihin ja nopeisiin alustaviin tarkistuksiin. Se tukee kuitenkin muuttujien lyhentämistä, puun ravistelua ja lähdekoodin kartoitusta tuotantoympäristössä. Käänteinen, esbuild tai UglifyJS Suosittelemme käyttämään täysin varusteltuja työkaluja, kuten näitä.

Ei. Koko prosessi tapahtuu kokonaan selaimessasi (asiakaspuolella). Palvelimelle ei lähetetä eikä tallenneta koodirivejä.

Kommenttien ja välilyöntien määrästä riippuen kokoa voidaan yleensä pienentää 10–40 %. Tämä prosenttiosuus voi olla suurempi koodissa, jossa on paljon kommentteja. Sekä tavuero että prosenttiosuus näkyvät tulososiossa.

Ei. Minimointi poistaa vain tarpeettomia merkkejä tiedostokoon pienentämiseksi; se ei muuta koodin logiikkaa. Hämärtäminen puolestaan tekee koodista tarkoituksella lukukelvottoman. Tämä työkalu suorittaa vain minimoinnin.