Brezplačni pretvornik

JavaScript Minifier

V brskalniku takoj zmanjšajte in stisnite kodo JavaScript. Odstranite komentarje, strnite prazen prostor in zmanjšajte velikost datoteke. Brezplačno in zasebno.

Povleci in spusti datoteko JS sem

Podpira datoteke .js. Ali pa prilepite svoj JavaScript zgoraj.

oz

O tem orodju

Minifikacija JavaScripta zmanjša velikost izvorne kode z odstranitvijo nepotrebnih znakov in (z ustreznimi minifikatorji) preimenovanjem lokalnih spremenljivk v krajša imena. Prva kategorija – odstranjevanje presledkov in komentarjev – je enostavna in brez tveganja. Drugo — preimenovanje spremenljivk — zahteva razumevanje pravil obsega in je tisto, kar najbolje obnesejo produkcijski minifikatorji, kot sta Terser in esbuild.

To orodje se osredotoča na varno pomanjševanje: odstranjevanje komentarjev, strnitev presledkov, odstranjevanje odvečnih podpičij in skrajšanje očitnih vzorcev. Preimenovanje spremenljivk je konzervativno – dotaknemo se samo lokalnih spremenljivk v jasnih obsegih, imena z zunanjimi sklici pa ostanejo pri miru. Rezultat je funkcionalno enak izvoru.

Za zmanjševanje na produkcijskem nivoju namenska orodja (Terser, esbuild, swc) razumejo celoten model obsega ECMAScript in ustvarijo znatno manjši izhod. To orodje je namenjeno hitri pomanjšanju na strani brskalnika, ko popolna nastavitev gradnje ni na voljo.

Zakaj zmanjšati JavaScript

Paketi JavaScript so običajno največji posamezni vir na sodobni spletni strani. Minifikacija rutinsko povzroči 30–60 % zmanjšanje velikosti v primerjavi z neminificiranim virom. V kombinaciji z gzip ali Brotli se zmanjšanje nekoliko zmanjša, vendar kombinacija še vedno prihrani merljive bajte - zlasti za uporabnike s počasnimi povezavami.

Hitrejši JavaScript pomeni tudi hitrejši čas do interaktivnosti. Manjši skripti se hitreje prenašajo, hitreje razčlenjujejo in izvajajo prej. Za spletna mesta, kjer TTI vpliva na stopnjo obiskov ene strani in uvrstitev v SEO, je minifikacija ena najcenejših razpoložljivih zmag.

Kako uporabljati

Prilepite JavaScript, pridobite manjšo različico.

  1. Dodajte vnos JavaScript: Vir prilepite v vnosno območje ali spustite datoteko .js. Minifier sprejema sodoben JavaScript (ES2015+), vključno s puščičnimi funkcijami, literali predlog, razredi in moduli.
  2. Izberite možnosti: Privzete nastavitve odstranijo komentarje in strnejo presledke. Preimenovanje lokalnih spremenljivk je konzervativno; omogočite bolj agresivno preimenovanje, če potrebujete maksimalno stiskanje.
  3. Pomanjšaj: Minifikator razčleni vir, odstrani presledke in komentarje ter odda kompakten izpis. Sintaksne napake v izvoru ustvarijo jasna sporočila o napakah.
  4. Uporabi izhod: Zamenjajte vir skripta v produkciji. Za popolno optimizacijo se združite z orodjem za povezovanje, ki obravnava tresenje dreves in odstranjevanje mrtve kode.

Pogosti primeri uporabe

Tehnične podrobnosti

Minifikator tokenizira JavaScript z uporabo razčlenjevalnika, ki upošteva sintakso ECMAScript. Komentarji (enovrstični in večvrstični) so odstranjeni, razen komentarjev licence, označenih z /*! predpono. Prazen prostor je strnjen, razen kjer je sintaktično zahtevano (med identifikatorji, za ključnimi besedami).

Konzervativno preimenovanje spremenljivk skrajša lokalne spremenljivke v enostavnih obsegih. Globalna, izvozna in uvožena imena niso preimenovana — to bi prekinilo zunanje reference. Za globoko preimenovanje uporabite Terser ali esbuild z ustrezno analizo, ki upošteva module.

Edge primeri: samodejno vstavljanje podpičja (ASI) pomeni, da mora minifier ohraniti nove vrstice v nekaterih kontekstih, da se izogne spreminjanju obnašanja programa. Literali predloge, literali regularnega izraza in JSX (če ga vnos vključuje) se ohranijo točno zato, ker njihove vsebine morda ni varno stisniti.

Najboljše prakse

Pogosta vprašanja

Ali minifikacija spremeni delovanje moje kode?
Ne. Minifikacija odstrani presledke in komentarje, kar ne vpliva na izvajanje. Skrajšanje spremenljivk (makanje) preimenuje lokalne spremenljivke, vendar ohrani vedenje. Globalne spremenljivke in izvožena imena ostanejo nedotaknjena.
Ali naj zmanjšam v razvoju ali proizvodnji?
V proizvodnji uporabljajte samo zmanjšano kodo. Med razvojem ohranite izvirno berljivo kodo. Večina orodij za gradnjo (Webpack, Vite, esbuild) samodejno obravnava minifikacijo kot del procesa gradnje proizvodnje.
Kakšna je razlika med pomanjševanjem in zamegljevanjem?
Minifikacija zmanjša velikost, hkrati pa ohrani kodo funkcionalno berljivo, če je formatirana. Zakrivanje namerno otežuje razumevanje kode (kodiranje nizov, sploščenje toka nadzora). To orodje se osredotoča na zmanjševanje velikosti, ne na zamegljevanje.
Koliko zmanjšanja velikosti naj pričakujem?
Običajno 30-60 % pred gzip. Dobro komentirana koda z dolgimi imeni spremenljivk opazi največja zmanjšanja. V kombinaciji s stiskanjem gzip so datoteke JavaScript pogosto 80–90 % manjše od prvotnega vira.
Ali je moja koda naložena na strežnik?
Ne. Minifikator se izvaja v vašem brskalniku.
Koliko manjši bo moj JavaScript?
Običajno 30–60 % znižanje. Spremenljivo težka koda z dolgimi identifikatorji stisne več; izrazno težka koda stisne manj.
Ali naj minimiram ročno?
Nikoli. Ohranite berljiv JavaScript v viru. Zaženite minifikacijo kot korak gradnje ali kot del uvajanja.
Ali deluje na TypeScript?
TypeScript je treba najprej prevesti v JavaScript z uporabo tsc ali esbuild. Ko je preveden, je mogoče dobljeni JavaScript pomanjšati.