Multi JavaScript minimizer and formatter


english version deutsche Version

Since it is your JavaScript you are responsible for correct function of the minimized code too. In few cases minimized code may behave unexpected.

Step 1 Select the minimizing engine.

babel engine
uglify engine version 3
yui engine
yui engine (no names change)

Step 2 Select input by (optional) choosing the encoding and a JavaScript (.js) file. Charset selection is only needed if the file contains non-ASCII characters (UTF8 is a superset of ASCII). Windows users may find the default charset by opening the PowerShell, input [System.Text.Encoding]::Default and look for the value of WebName. Alternatively encode non-ASCII characters like e.g. \u20AC for the euro sign. JavaScript can also be pasted manually from clipboard (click into text area, then [Ctrl]+[V]).

Step 3 Start the minimizer. Please allow some seconds of delay. The result will appear in the text area below.



Step 4 Copy the content of the text area into clipboard for your use. This can be also done manually by clicking into the text area, then press [Ctrl]+[A], then [Ctrl]+[C].

Step 5 Addendum: Using the apache webserver the following code, in a .htaccess file, is one way to automatically serve [scriptfile].min.js if available and falls back to serve [scriptfile].js if not (tested with apache 2.4):

<IfModule mod_rewrite.c>
    RewriteEngine on
    Options +FollowSymLinks
    RewriteCond %{REQUEST_FILENAME} "^(.*)(\.js)$"
    RewriteCond %{REQUEST_URI} "!^(.*)(\.min\.js)$"
    RewriteCond %1.min.js -f
    RewriteRule "^(.*)(\.js)$" "$1.min.js"
</IfModule>

Format JavaScript code in the text area will be formatted ("beautify") and may then be optionally be copied into clipboard (Step 4). Please allow some seconds of delay.



CSS Style Sheet minimizer
HTML minimizer
Homepage