Mobile Web Wearable Web

Code Minifier

The Code Minifier is a smart compression tool that minifies HTML, CSS, and JavaScript source by removing extra white spaces, comments, and other unnecessary characters without breaking the source content structure. The resulting minified code is smaller in size and has a faster load time.

The Code Minifier has the following features:

  • Minifying HTML
    • Removing comments
    • Replacing multiple white space characters and line breaks with spaces
    • Compressing inline CSS code
    • Compressing inline JavaScript code
  • Minifying CSS
    • Removing comments and white space
    • Removing the last semi-colon
    • Removing extra semi-colons
    • Removing empty declarations
    • Removing, for example, zero values, floats, and color values
  • Minifying JavaScript
    • Removing comments
    • Removing extra white space
    • Replacing identifiers
    • Performing micro-optimizations

You can minify code in 3 ways:

  • In the Project Explorer view, choose a CSS or JavaScript file in the project, open the context menu, and select Code Minifier. A minified (compressed) file with the extension .min.<extension> is generated, and a notification dialog is displayed in the lower-right section of the IDE.
  • In the Source Editor, open the context menu, and select Code Minifier.
  • Use the Ctrl + 5 hotkey.
Go to top