Dateien hinzufügen:

die Einstellungen:

  • Treat attributes in case sensitive manner (useful for custom HTML tags)
  • Omit attribute values from boolean attributes
  • Don't leave any spaces between display:inline; elements when collapsing. Must be used in conjunction with collapseWhitespace=true
  • Collapse white space that contributes to text nodes in a document tree
  • Always collapse to 1 space (never remove it entirely). Must be used in conjunction with collapseWhitespace=true
  • Use direct Unicode characters whenever possible
  • Parse input according to HTML5 specifications
  • Insert tags generated by HTML parser
  • Keep the trailing slash on singleton elements
  • Specify a maximum line length. Compressed output will be split by newlines at valid HTML split-points
  • Minify CSS in style elements and style attributes (uses clean-css)
  • Minify JavaScript in script elements and event attributes (uses UglifyJS)
  • Minify URLs in various attributes (uses relateurl)
  • Always collapse to 1 line break (never remove it entirely) when whitespace between tags include a line break. Must be used in conjunction with collapseWhitespace=true
  • Prevents the escaping of the values of attributes
  • Process contents of conditional comments through minifier
  • Comma-delimited string corresponding to types of script elements to process through minifier (e.g. text/ng-template, text/x-handlebars-template)
  • Type of quote to use for attribute values (' or ")
  • Remove quotes around attributes when possible
  • Strip HTML comments
  • Remove all attributes with whitespace-only values
  • Remove all elements with empty contents
  • Remove attributes when value matches default.
  • Remove type="text/javascript" from script tags. Other type attribute values are left intact
  • Remove type="text/css" from style and link tags. Other type attribute values are left intact
  • Remove space between attributes whenever possible. Note that this will result in invalid HTML!
  • Sort attributes by frequency
  • Sort style classes by frequency
  • Trim white space around ignoreCustomFragments.
  • Replaces the doctype with the short (HTML5) doctype
Select: All, None, Reset

Schritte:

  1. die Einstellungen

    Stellen Sie zuerst die HTML-Komprimierungsoptionen ein. Die Einstellungen sind optional. Sie können den Bereich "Einstellungen" schließen, indem Sie auf das "X" rechts klicken.

  2. Komprimieren

    Fügen Sie Ihren HTML-Inhalt in das Textfeld oben ein und klicken Sie auf die Schaltfläche "Komprimieren".

  3. Ergebnisse

    Der komprimierte HTML-Inhalt wird im Textbereich unten angezeigt. Klicken Sie mit der rechten Maustaste auf das Textfeld und klicken Sie auf "Alle auswählen", um den gesamten Inhalt auszuwählen. Sie können mehrere HTML-Dateien im Stapelmodus auf der Indexseite komprimieren.