Libre ba ang JS minifier?

Oo, ganap na libre at hindi kailangan ng signup.

Saan nagaganap ang minification — ipinapadala ba sa server ang source code ko?

Sa sarili mo lang na device. Ang Terser ay tumatakbo nang buo sa iyong browser; ang code na ipe-paste mo ay hindi kailanman ipinapadala.

Paano naiiba ang JS minification sa CSS minification?

Mas malayo ang naaabot nito. Bukod sa pag-aalis ng whitespace at comment, pinapalitan ng Terser ang pangalan ng mga local variable sa iisang letra, inaalis ang dead code, at pinapasimple ang mga expression, kaya 30–60% ang na-compress ng JavaScript kumpara sa 20–40% ng CSS.

Pareho ba ang kilos ng minified code at ng orihinal?

Para sa karaniwang JavaScript, oo — ang Terser ang parehong minifier na ginagamit ng Webpack at Vite sa production. Ang mga kilalang eksepsyon ay ang code na tumitingin sa function.name o nagpa-parse ng sarili nitong stack trace, dahil pinapalitan ang pangalan ng mga identifier.

Maaari ko bang i-undo ang minification?

Ibinabalik ng Beautify mode ang indentation at line break para mas madaling basahin, pero hindi na maibabalik ang orihinal na pangalan ng mga variable dahil isang direksyon lang ang pagpapalit ng pangalan. Itago ang iyong mga source file at ituring na build artifact ang minified output.

Dev Tools

Paliitin ang JavaScript online nang libre

I-minify ang JavaScript gamit ang Terser o i-beautify gamit ang js-beautify. Ipinapakita ang compression ratio. Gumagana sa iyong browser.

Hindi kailanman iniimbak ang mga fileAgad-agadWalang sign-up

🔒 Hindi kailanman lumalabas sa iyong browser ang iyong file. Lahat ng pagproseso ay lokal na ginagawa gamit ang Terser.

Input na JavaScript

Output

Paano paliitin ang JavaScript online

1
I-paste ang iyong JavaScript
I-paste ang iyong JavaScript code sa input box.
2
I-click ang Minify o Beautify
Kino-compress ng Minify ang code gamit ang Terser. Inaayos naman ng Beautify ang code na may pare-parehong indentation.
3
Kopyahin ang resulta
I-click ang Kopyahin para makopya ang naprosesong code sa iyong clipboard.

Kadalasan, ang JavaScript ang pinakamabigat na bahagi ng isang page, hindi lang sa pag-download kundi pati sa pag-parse at pagpapatakbo. Hindi tulad ng CSS minification na nag-aalis lang ng whitespace, ang totoong JavaScript minifier ay nagsusulat muli ng code: nagiging iisang letra ang mga local variable, inaalis ang mga patay na branch, at pinaiikli ang mga expression sa katumbas na mas maikling anyo. Kaya karaniwang lumiliit ang JS nang 30–60%, mas malaki kaysa sa markup o styles.

Pinapatakbo ng tool na ito ang Terser, ang parehong minifier na ginagamit sa loob ng Webpack, Vite, at Rollup, na na-compile para tumakbo nang buo sa iyong browser. Ang code na ipe-paste mo ay hindi ipinapadala sa anumang server. Makakakuha ka ng production-grade na output nang hindi nag-i-install ng Node o nagko-configure ng bundler, kaya swak ito para sa mga one-off na script, code na ilalagay sa CMS, o mabilisang pagsusuri ng laki.

Mga dapat tandaan: hindi pinapalitan ng pangalan ang mga na-export na pangalan, nilalaman ng mga string, at anumang naaabot mula sa labas ng file. Ang code na bumabasa ng function.name habang tumatakbo o nagpa-parse ng stack trace ay maaaring iba ang kilos pagkatapos ng minify, kaya magtago ng kopyang hindi minified. Ang Beautify mode ay kabaligtaran para sa mas madaling pagbasa, pero hindi na maibabalik ang orihinal na pangalan ng mga variable.

Mga Madalas Itanong

Baka kailanganin mo rin ito

CSS Minifier HTML Minifier JSON Formatter