Code & Format

JS Minifier

Bawasan ang iyong JavaScript code nang libre: bawasan ang laki ng file sa pamamagitan ng pag-alis ng mga komento at sobrang whitespace, at agad na makita ang porsyento ng natipid.

JS Minifier
Pinaliit na Kodigo
Orihinal na Sukat —
Pinababang Sukat —
Pag-save —
output.min.js
Simpleng pagpapaliit (mga komento + pag-aalis ng espasyo). Para sa mga kapaligirang pangproduksyon, inirerekomenda ang isang kumpletong pagpapaliit tulad ng Terser/esbuild.
Impormasyon

Tungkol sa JS Minimizer

Direktang nakakaapekto ang laki ng mga JavaScript file sa bilis ng paglo-load ng iyong website at mga marka ng Core Web Vitals. Malaki ang nababawasan ng minifikasyon sa bilang ng mga byte na kinakailangan upang maipadala ang file sa browser sa pamamagitan ng pag-aalis ng mga komento, hindi kinakailangang mga espasyo, line break, at mga indentation mula sa source code.

Libre ito. JS Minifier Pinoproseso ng tool ang JavaScript code na ipi-paste mo sa iyong browser; walang data na ipinapadala sa server. Mga komentong may isang linya (//), mga komentong may maraming linya (/* ... */), ang mga espasyo sa simula at dulo ng mga linya ay tinatanggal. String ("...", '...', `...`Ang nilalaman sa loob ng mga literal na `<script>` at `regex` ay napanatili; binabawasan nito ang panganib ng pagkasira ng function.

Kagamitan, orihinal at nabawasan Inihahambing nito ang mga laki ng code at ipinapakita ang porsyento ng pagtitipid. Mga Tala: Ang tool na ito ay nagsasagawa ng basic-level downscaling. Nag-aalok ito ng variable renaming, tree-shaking, at advanced optimization para sa mga production environment. Reverse, esbuild o UglifyJS Inirerekomenda ang mga kumpletong tampok na tool sa minifier na tulad nito.

Paano ito gamitin?

Hakbang-hakbang

  1. Gusto mo itong paliitin Kodigo ng JavaScript I-paste o i-type sa bahagi sa itaas.
  2. Bawasan I-click ang button; ang mga komento at sobrang espasyo ay agad na aalisin.
  3. Porsyento ng ipon at ang laki ng byte ay ipinapakita sa seksyon ng mga resulta.
  4. Pinaliit na code Kopyahin I-save ito sa clipboard gamit ang button, at gamitin ito sa iyong proyekto.
  5. Para sa ibang code Malinis Pindutin ang buton at ulitin ang proseso.
FAQ

Mga Madalas Itanong

Blg. Tali ng kagamitan ("...", '...'literal na template `...`Tinutukoy at pinapanatili nito ang nilalaman ng mga literal ng regex at mga karakter ng komento. Tinitiyak nito na ang mga bahaging lumalabas bilang mga karakter ng komento ngunit talagang datos ay hindi mabubura.

Angkop para sa mga simpleng proyekto at mabilisang paunang pagsusuri. Gayunpaman, nag-aalok ito ng suporta para sa variable shortening, tree-shaking, at source mapping sa isang production environment. Reverse, esbuild o UglifyJS Inirerekomenda namin ang paggamit ng mga kumpletong tampok na tool tulad nito.

Hindi. Ang buong proseso ay ganap na nagaganap sa iyong browser (sa panig ng kliyente). Walang linya ng code ang ipinapadala o iniimbak sa server.

Depende sa bilang ng mga komento at whitespace, karaniwang nakakamit ang pagbawas ng laki na 10–40%. Ang porsyentong ito ay maaaring mas mataas sa code na may maraming komento. Ang pagkakaiba ng byte at ang porsyento ay ipinapakita sa seksyon ng mga resulta.

Hindi. Tinatanggal lamang ng minification ang mga hindi kinakailangang karakter upang mabawasan ang laki ng file; hindi nito binabago ang lohika ng code. Sa kabilang banda, sadyang ginagawa ng obfuscation na hindi mabasa ang code. Nagsasagawa lamang ng minification ang tool na ito.
Bumalik sa lahat ng libreng tool