HTML ミニファイアと美容師

HTML Minifier & Beautifier は、コメントを削除してテンプレートやエディターが残した空白を折りたたむことで HTML ドキュメントを圧縮します。インデント、空白行、ブラウザーが無視する末尾のスペースですが、すべての訪問者はまだダウンロードしています。 HTML ドキュメントは、ページの読み込みで最初のリソースです。ここでトリミングされたバイトは、最初のコンテンツに満ちたペイントと時間を最初のバイト隣接メトリックに移動して、他のほとんどのアセットよりも直接的に表示します。 サーバー レンダリングされたページとテンプレートの出力は、通常、サイズの 10 ～ 25% を削減します。

HTML の縮小における重要な詳細は、何に触れてはいけないかを知ることです。 このツールは、<pre>、<textarea>、<script>、および <style> の要素の内容をマスクして、他の作業を行う前にマスクして、バイト単位で復元します。これにより、コード サンプルは改行を維持し、テキストエリアのデフォルトはフォーマットを維持し、インライン JavaScript と CSS は書き換えられません。 引用された属性値は正確に保持され、つまり、通常のコメントが削除されている間でも、条件付きコメントを保持できます。これは、HTML-minifier-terser のようなビルド時のミニファイアが適用される同じ分野です。

ビューティファイアは逆の機能を実行します。それは、縮小されたマークアップまたは乱雑なマークアップを取り、ネストを認識する構造で再インデントします。すべてのタグを自分の行に展開するのではなく、周囲のテキストで <span>、<a>、<strong> などのインライン要素を流し続けます。 ブラウザではすべてが 100% クライアント側で実行されます。マークアップがアップロードまたはログに記録されることはないため、スクレイピングされたページ、CMS エクスポート、および独自のテンプレートはすべて安全に貼り付けられ、ツールはオフラインで動作します。

HTML の空白は必ずしも重要ではないため、Pre、TextArea、スクリプト、およびスタイルはそのままのままです。 プレブロック内のスペースを折りたたむと、読者が見るものが変わり、スクリプト内でスペースが縮小すると、スクリプトの動作が変わる可能性があります。