JavaScript Minifier i Formatter

Što je ovaj alat?

JavaScript minifier prepisuje kod da bude što manji uz identično ponašanje: skraćuje imena varijabli i funkcija gdje je sigurno, uklanja komentare i razmake, sklapa konstante i eliminira nedostupan kod.

Ovaj alat izgrađen je na Terseru, minifikatoru temeljenom na AST-u koji koriste webpack, Vite, Rollup i većina modernih JavaScript build alata. Budući da stvarno parsira vaš kod umjesto da uspoređuje uzorke teksta, ispravno razlikuje operator dijeljenja od regex literala, ne lomi template stringove koji sadrže nizove nalik na //, i neće preimenovati varijablu u ime koje se sudara s nečim u vanjskom opsegu.

Zašto ga koristiti?

• Minifikacija temeljena na AST-u (Terser), isti engine koji koriste veliki bundleri — sigurna s regex literalima, template stringovima i closureima.
• Skraćuje imena varijabli za stvarnu uštedu veličine, ne samo uklanjanje razmaka.
• Vidite točno koliko ste bajtova i koliko posto uštedjeli.
• Format mode pretvara opskurni, jednolinijski minificirani JS natrag u čitljiv, uvučen kod — koristan za razumijevanje skripti trećih strana.
• 100% lokalna obrada — vlasnički kod nikad ne napušta vaš preglednik.

Kako ga koristiti

1. Zalijepite svoj JavaScript u ulazni okvir ili kliknite "Load Example" da isprobate primjer s regex literalom i template stringom.
2. Kliknite "Minify" za sažimanje ili "Format" za uljepšavanje s uvlačenjem od 2 razmaka.
3. Provjerite poruku ispod okvira — minify mode prikazuje smanjenje veličine; sintaktička greška u vašem kodu prikazuje jasnu poruku umjesto da tiho proizvede pokvareni izlaz.
4. Kliknite "Copy" da preuzmete rezultat.

Primjer

Ulaz

function greet(name) {
  const pattern = /^[a-z]+$/i;
  const msg = `Hello, ${name}!`;
  if (pattern.test(name)) {
    // simple check
    return msg;
  }
  return "Hi there";
}

Izlaz

function greet(n){const e=/^[a-z]+$/i,g=`Hello, ${n}!`;return e.test(n)?g:"Hi there"}

Imena varijabli su skraćena, komentar i if izraz su sklopljeni u jedan izraz, ali regex literal i template string sačuvani su točno, a ponašanje nepromijenjeno.

Praktični savjeti

• Minificirajte u fazi builda, ne ručnim uređivanjem — držite čitljiv izvor pod kontrolom verzija i generirajte minificirani bundle kao build korak.
• Ako se minificirani izlaz ponaša neočekivano, provjerite postoji li kod koji se oslanja na Function.prototype.name ili refleksiju — skraćivanje imena preimenuje funkcije, što se ponekad može pojaviti u rijetkim rubnim slučajevima.
• Formatiranje skripte treće strane prije čitanja mnogo je brže nego pokušaj parsiranja jedne linije od 2000 znakova.
• Kombinirajte s HTML i CSS minifikatorima ispod ako pripremate cijeli statični paket za objavu.

Gdje se ovo uklapa u stvarne radne procese

JavaScript je obično najveća imovina koja blokira renderiranje ili parsiranje na stranici, pa njegova minifikacija ima stvaran, mjerljiv učinak na vrijeme učitavanja — više nego HTML ili CSS bajt po bajt. Većina modernih frameworkova to radi automatski pri buildu, ali ručno pisane skripte, ekstenzije preglednika i bookmarkleti često se objavljuju neminificirani osim ako ih netko ne provede kroz alat poput ovog.

Smjer Format često se koristi obrnuto: otklanjanje pogreške iz minificiranog stack tracea u produkciji mnogo je lakše kad je okolni kod preformatiran i čitljiv, čak i bez originalnih imena varijabli.

→ HTML Minifikator · CSS Minifier

Uobičajeni slučajevi upotrebe

• Smanjivanje samostalne skripte ili bookmarkleta prije objave.
• Preformatiranje minificirane skripte preuzete s live sitea radi razumijevanja što radi.
• Čišćenje JavaScripta zalijepljenog s foruma ili isječka generiranog AI-jem prije pomnog čitanja.
• Brza provjera ima li ručno pisan JS isječak sintaktičku grešku, jer se neuspjeh parsiranja pokaže kao eksplicitna poruka.

Često postavljana pitanja