minify-html/README.md

443 lines
13 KiB
Markdown
Raw Normal View History

2018-06-30 06:37:24 -04:00
# hyperbuild
2020-01-01 09:18:38 -05:00
A fast one-pass in-place HTML minifier written in Rust with context-aware whitespace handling.
2019-12-30 04:14:52 -05:00
Available as:
- CLI for Windows, macOS, and Linux.
- Rust library.
2020-01-19 03:19:33 -05:00
- Native library for Node.js, Python, Java, and Ruby.
2019-12-30 04:14:52 -05:00
2018-06-30 06:37:24 -04:00
## Features
- Minification is done in one pass with no backtracking or DOM/AST building.
- No extra heap memory is allocated during processing, which increases performance.
2020-01-15 08:03:21 -05:00
- Context-aware whitespace handling allows maximum minification while retaining desired spaces.
2018-06-30 06:37:24 -04:00
2020-01-01 09:18:38 -05:00
## Performance
2020-01-15 08:03:21 -05:00
Speed and effectiveness of Node.js version compared to [html-minfier](https://github.com/kangax/html-minifier) and [minimize](https://github.com/Swaagie/minimize). See [bench](./bench) folder for more details.
2020-01-12 01:42:30 -05:00
2020-01-26 00:38:55 -05:00
<img width="435" alt="Chart showing speed of HTML minifiers" src="https://wilsonl.in/hyperbuild/bench/0.0.39/average-speeds.png"> <img width="435" alt="Chart showing effectiveness of HTML minifiers" src="https://wilsonl.in/hyperbuild/bench/0.0.39/average-sizes.png">
2020-01-01 09:18:38 -05:00
## Usage
2018-06-30 06:37:24 -04:00
### CLI
##### Get
2020-01-26 00:38:55 -05:00
[Windows](https://wilsonl.in/hyperbuild/bin/0.0.39-windows-x86_64.exe) |
[macOS](https://wilsonl.in/hyperbuild/bin/0.0.39-macos-x86_64) |
[Linux](https://wilsonl.in/hyperbuild/bin/0.0.39-linux-x86_64)
##### Use
```bash
hyperbuild --src /path/to/src.html --out /path/to/output.min.html
```
2018-08-07 22:31:28 -04:00
### API
<details>
<summary><strong>Rust</strong></summary>
##### Get
```toml
[dependencies]
2020-01-26 00:38:55 -05:00
hyperbuild = "0.0.39"
```
##### Use
```rust
use hyperbuild::hyperbuild;
fn main() {
let mut code = b"<p> Hello, world! </p>".to_vec();
match hyperbuild(&mut code) {
Ok(minified_len) => {}
Err((error_type, error_at_char_no)) => {}
};
}
```
</details>
<details>
<summary><strong>Node.js</strong></summary>
hyperbuild is [on npm](https://www.npmjs.com/package/hyperbuild), available as a [Node.js native module](https://neon-bindings.com/), and supports Node.js versions 8 and higher.
##### Get
Using npm:
```bash
npm i hyperbuild
```
Using Yarn:
```bash
yarn add hyperbuild
```
##### Use
```js
const hyperbuild = require("hyperbuild");
2020-01-04 22:10:21 -05:00
const minified = hyperbuild.minify("<p> Hello, world! </p>");
```
</details>
2020-01-18 08:21:58 -05:00
<details>
<summary><strong>Java</strong></summary>
hyperbuild is available via [JNI](https://github.com/jni-rs/jni-rs), and supports Java versions 7 and higher.
2020-01-18 08:21:58 -05:00
##### Get
2020-01-19 22:42:23 -05:00
Add as a Maven dependency:
```xml
<dependency>
<groupId>in.wilsonl.hyperbuild</groupId>
<artifactId>hyperbuild</artifactId>
2020-01-26 00:38:55 -05:00
<version>0.0.39</version>
2020-01-19 22:42:23 -05:00
</dependency>
```
2020-01-18 08:21:58 -05:00
##### Use
```java
import in.wilsonl.hyperbuild.Hyperbuild;
class Main {
public static void main(String[] args) {
String minified = Hyperbuild.minify("<p> Hello, world! </p>");
}
}
```
</details>
<details>
2020-01-19 00:52:42 -05:00
<summary><strong>Python</strong></summary>
2020-01-20 05:57:31 -05:00
hyperbuild is [on PyPI](https://pypi.org/project/hyperbuild), available as a [native module](https://github.com/PyO3/pyo3), and supports CPython (the default Python interpreter) versions 3.5 and higher.
##### Get
2020-01-20 05:57:31 -05:00
Add the PyPI project as a dependency and install it using `pip` or `pipenv`.
##### Use
2020-01-19 00:52:42 -05:00
```python
import hyperbuild
minified = hyperbuild.minify("<p> Hello, world! </p>")
```
</details>
2020-01-19 03:19:33 -05:00
<details>
<summary><strong>Ruby</strong></summary>
2020-01-19 22:44:04 -05:00
hyperbuild is published on [RubyGems](https://rubygems.org/gems/hyperbuild), available as a [native module](https://github.com/danielpclark/rutie) for macOS and Linux, and supports Ruby versions 2.5 and higher.
2020-01-19 03:19:33 -05:00
##### Get
2020-01-19 22:42:23 -05:00
Add the library as a dependency to `Gemfile` or `*.gemspec`.
2020-01-19 03:19:33 -05:00
##### Use
```ruby
require 'hyperbuild'
2020-01-20 01:48:17 -05:00
print Hyperbuild.minify "<p> Hello, world! </p>"
2020-01-19 03:19:33 -05:00
```
</details>
## Minification
2018-07-02 05:21:00 -04:00
### Whitespace
2018-06-30 06:37:24 -04:00
hyperbuild has advanced context-aware whitespace minification that does things such as:
2018-07-04 07:23:17 -04:00
2019-12-27 06:14:03 -05:00
- Leave whitespace untouched in `pre` and `code`, which are whitespace sensitive.
- Trim and collapse whitespace in content tags, as whitespace is collapsed anyway when rendered.
- Remove whitespace in layout tags, which allows the use of inline layouts while keeping formatted code.
#### Methods
There are three whitespace minification methods. When processing text content, hyperbuild chooses which ones to use depending on the containing element.
<details>
<summary><strong>Collapse whitespace</strong></summary>
> **Applies to:** any element except [whitespace sensitive](./src/spec/tag/whitespace.rs) elements.
Reduce a sequence of whitespace characters in text nodes to a single space (U+0020).
<table><thead><tr><th>Before<th>After<tbody><tr><td>
```html
<p>
··The·quick·brown·fox↵
··jumps·over·the·lazy↵
··dog.↵
</p>
```
<td>
```html
<p>·The·quick·brown·fox·jumps·over·the·lazy·dog.·</p>
```
</table>
</details>
<details>
<summary><strong>Destroy whole whitespace</strong></summary>
> **Applies to:** any element except [whitespace sensitive](./src/spec/tag/whitespace.rs), [content](src/spec/tag/whitespace.rs), [content-first](./src/spec/tag/whitespace.rs), and [formatting](./src/spec/tag/whitespace.rs) elements.
Remove any text nodes that only consist of whitespace characters.
<table><thead><tr><th>Before<th>After<tbody><tr><td>
```html
<ul>
··<li>A</li>
··<li>B</li>
··<li>C</li>
</ul>
```
<td>
```html
<ul>
··<li>A</li><li>B</li><li>C</li>
</ul>
```
</table>
</details>
<details>
<summary><strong>Trim whitespace</strong></summary>
> **Applies to:** any element except [whitespace sensitive](./src/spec/tag/whitespace.rs) and [formatting](./src/spec/tag/whitespace.rs) elements.
Remove any leading/trailing whitespace from any leading/trailing text nodes of a tag.
<table><thead><tr><th>Before<th>After<tbody><tr><td>
```html
<p>
··Hey,·I·<em>just</em>·found↵
··out·about·this·<strong>cool</strong>·website!↵
··<sup>[1]</sup>
</p>
```
<td>
```html
<p>Hey,·I·<em>just</em>·found↵
··out·about·this·<strong>cool</strong>·website!↵
··<sup>[1]</sup></p>
```
</table>
</details>
#### Element types
2019-12-28 01:31:27 -05:00
hyperbuild recognises elements based on one of a few ways it assumes they are used. By making these assumptions, it can apply optimal whitespace minification strategies.
|Group|Elements|Expected children|
|---|---|---|
|Formatting|`a`, `strong`, [and others](./src/spec/tag/whitespace.rs)|Formatting elements, text.|
|Content|`h1`, `p`, [and others](src/spec/tag/whitespace.rs)|Formatting elements, text.|
|Layout|`div`, `ul`, [and others](./src/spec/tag/whitespace.rs)|Layout elements, content elements.|
|Content-first|`label`, `li`, [and others](./src/spec/tag/whitespace.rs)|Like content but could be layout with only one child.|
2019-12-28 01:17:42 -05:00
<details>
<summary><strong>Formatting elements</strong></summary>
> Whitespace is collapsed.
Formatting elements are usually inline elements that wrap around part of some text in a content element, so its whitespace isn't trimmed as they're probably part of the content.
2019-12-28 01:17:42 -05:00
</details>
<details>
<summary><strong>Content elements</strong></summary>
> Whitespace is trimmed and collapsed.
Content elements usually represent a contiguous and complete unit of content such as a paragraph. As such, whitespace is significant but sequences of them are most likely due to formatting.
###### Before
```html
<p>
··Hey,·I·<em>just</em>·found↵
··out·about·this·<strong>cool</strong>·website!↵
··<sup>[1]</sup>
</p>
```
###### After
```html
<p>Hey,·I·<em>just</em>·found·out·about·this·<strong>cool</strong>·website!·<sup>[1]</sup></p>
```
2019-12-28 01:17:42 -05:00
</details>
<details>
<summary><strong>Layout elements</strong></summary>
> Whitespace is trimmed and collapsed. Whole whitespace is removed.
These elements should only contain other elements and no text. This makes it possible to remove whole whitespace, which is useful when using `display: inline-block` so that whitespace between elements (e.g. indentation) does not alter layout and styling.
###### Before
```html
<ul>
··<li>A</li>
··<li>B</li>
··<li>C</li>
</ul>
```
###### After
```html
<ul><li>A</li><li>B</li><li>C</li></ul>
```
2019-12-28 01:17:42 -05:00
</details>
<details>
<summary><strong>Content-first elements</strong></summary>
> Whitespace is trimmed and collapsed.
These elements are usually like content elements but are occasionally used like a layout element with one child. Whole whitespace is not removed as it might contain content, but this is OK for using as layout as there is only one child and whitespace is trimmed.
###### Before
```html
<li>
··<article>
····<section></section>
····<section></section>
··</article>
</li>
```
###### After
```html
<li><article><section></section><section></section></article></li>
```
2019-12-28 01:17:42 -05:00
</details>
2020-01-06 07:36:05 -05:00
### Tags
[Optional closing tags](https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission) are removed.
2019-12-27 06:14:03 -05:00
### Attributes
2020-01-04 22:07:31 -05:00
Any entities in attribute values are decoded, and then the shortest representation of the value is calculated and used:
2019-12-27 06:14:03 -05:00
- Double quoted, with any `"` encoded.
- Single quoted, with any `'` encoded.
2019-12-28 01:34:36 -05:00
- Unquoted, with `"`/`'` first character (if applicable), `>` last character (if applicable), and any whitespace encoded.
2019-12-27 06:14:03 -05:00
2020-01-25 09:32:41 -05:00
`class` and `d` attributes have their whitespace (after any decoding) trimmed and collapsed.
2020-01-04 22:07:31 -05:00
2020-01-19 07:31:22 -05:00
[Boolean attribute](./gen/attrs.json) values are removed.
2020-01-25 09:32:41 -05:00
[Some other attributes](./gen/attrs.json) are completely removed if their value is empty or the default value after any processing.
2020-01-07 08:38:42 -05:00
`type` attributes on `script` tags with a value equaling a [JavaScript MIME type](https://mimesniff.spec.whatwg.org/#javascript-mime-type) are removed.
2020-01-07 04:56:37 -05:00
If an attribute value is empty after any processing, everything but the name is completely removed (i.e. no `=`), as an empty attribute is implicitly [the same](https://html.spec.whatwg.org/multipage/syntax.html#attributes-2) as an attribute with an empty string value.
2019-12-27 06:14:03 -05:00
Spaces are removed between attributes if possible.
### Entities
2019-12-27 06:14:03 -05:00
Entities are decoded if valid (see relevant parsing section) and their decoded characters as UTF-8 is shorter or equal in length.
Numeric entities that do not refer to a valid [Unicode Scalar Value](https://www.unicode.org/glossary/#unicode_scalar_value) are replaced with the [replacement character](https://en.wikipedia.org/wiki/Specials_(Unicode_block)#Replacement_character).
If an entity is unintentionally formed after decoding, the leading ampersand is encoded, e.g. `&&#97;&#109;&#112;;` becomes `&ampamp;`. This is done as `&amp` is equal to or shorter than all other entity representations of characters part of an entity (`[&#a-zA-Z0-9;]`), and there is no other conflicting entity name that starts with `amp`.
2020-01-25 09:32:41 -05:00
Right chevrons after any decoding in text are encoded to `&GT` if possible or `&GT;` otherwise.
### Comments
Comments are removed.
2019-12-27 06:14:03 -05:00
2019-12-27 19:16:28 -05:00
### Ignored
2019-12-27 06:14:03 -05:00
2020-01-08 07:00:23 -05:00
Bangs, [processing instructions](https://en.wikipedia.org/wiki/Processing_Instruction), and empty elements are not removed as it is assumed there is a special reason for their declaration.
2018-07-04 07:23:17 -04:00
## Parsing
2018-07-04 07:23:17 -04:00
2019-12-28 01:31:27 -05:00
Only UTF-8/ASCII-encoded HTML code is supported.
2019-12-27 06:49:10 -05:00
2019-12-28 01:31:27 -05:00
hyperbuild simply does HTML minification, and almost does no syntax checking or standards enforcement for performance and code complexity reasons.
2018-08-03 08:47:59 -04:00
2019-12-27 06:14:03 -05:00
For example, this means that it's not an error to have self-closing tags, declare multiple `<body>` elements, use incorrect attribute names and values, or write something like `<br>alert('');</br>`
2018-07-04 07:23:17 -04:00
2020-01-25 09:45:34 -05:00
However, there are some syntax requirements for speed and sanity.
2018-08-03 08:47:59 -04:00
### Tags
2018-07-04 07:23:17 -04:00
2019-12-29 19:34:56 -05:00
Tag names are case sensitive. For example, this means that `P` won't be recognised as a content element, `bR` won't be considered as a void tag, and the contents of `Script` won't be parsed as JavaScript.
2018-08-03 08:47:59 -04:00
2020-01-07 04:56:37 -05:00
Tags must not be [omitted](https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission). Void tags must not have a separate closing tag e.g. `</input>`.
2020-01-06 03:53:46 -05:00
2019-12-27 06:49:10 -05:00
### Entities
Well-formed entities are decoded, including in attribute values.
2018-07-04 07:23:17 -04:00
2019-12-27 19:16:28 -05:00
They are interpreted as characters representing their decoded value. This means that `&#9;` is considered a whitespace character and could be minified.
Malformed entities are interpreted literally as a sequence of characters.
2018-08-03 08:47:59 -04:00
2019-12-28 01:31:27 -05:00
If a named entity is an invalid reference as per the [specification](https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references), it is considered malformed.
Numeric character references that do not reference a valid [Unicode Scalar Value](https://www.unicode.org/glossary/#unicode_scalar_value) are considered malformed.
2018-07-04 07:23:17 -04:00
### Attributes
2018-07-04 07:23:17 -04:00
2020-01-04 22:07:31 -05:00
Backticks (`` ` ``) are not valid quote marks and not interpreted as such.
However, backticks are valid attribute value quotes in Internet Explorer.
2018-07-04 07:23:17 -04:00
2020-01-25 09:45:34 -05:00
Special handling of some attributes require case sensitive names and values. For example, `CLASS` won't be recognised as an attribute to minify, and `type="Text/JavaScript"` on a `<script>` will not be removed.
2018-07-04 07:23:17 -04:00
### Script and style
2018-07-04 07:23:17 -04:00
2019-12-27 06:14:03 -05:00
`script` and `style` tags must be closed with `</script>` and `</style>` respectively (case sensitive).
2018-07-04 07:23:17 -04:00
hyperbuild does **not** handle [escaped and double-escaped](./notes/Script%20data.md) script content.
## Issues and contributions
2020-01-25 09:45:34 -05:00
Pull requests and any contributions welcome!
2020-01-25 09:45:34 -05:00
If hyperbuild did something unexpected, misunderstood some syntax, or incorrectly kept/removed some code, [raise an issue](https://github.com/wilsonzlin/hyperbuild/issues) with some relevant code that can be used to reproduce and investigate the issue.