Output will appear here...HTML Minifier & Beautifier は、コメントを削除してテンプレートやエディターが残した空白を折りたたむことで HTML ドキュメントを圧縮します。インデント、空白行、およびブラウザーが無視する末尾のスペースですが、すべての訪問者はまだダウンロードします。 HTML ドキュメントは、ページの読み込みで最初のリソースです。ここでトリミングされたバイトは、最初のコンテンツに満ちたペイントと時間を最初のバイト隣接メトリックに移動して、他のほとんどのアセットよりも直接的に表示します。 サーバー レンダリングされたページとテンプレートの出力は、通常、サイズの 10 ～ 25% を削減します。
HTML の縮小における重要な詳細は、何に触れてはいけないかを知ることです。 このツールは、<pre>、<textarea>、<script>、および <style> の要素の内容をマスクして、他の作業を行う前にマスクして、バイト単位で復元します。これにより、コード サンプルは改行を維持し、テキストエリアのデフォルトはフォーマットを維持し、インライン JavaScript と CSS は書き換えられません。 引用符で囲まれた属性値は正確に保持され、つまり、通常のコメントが削除されている間でも、条件付きコメントを保持できます。これは、HTML-minifier-terser のようなビルド時のミニファイアが適用されるのと同じ分野です。
ビューティファイアは逆の機能を実行します。それは、縮小されたマークアップまたは乱雑なマークアップを取り、ネストを認識する構造で再インデントします。すべてのタグを自分の行に展開するのではなく、周囲のテキストで <span>、<a>、<strong> などのインライン要素を流し続けます。 ブラウザではすべてが 100% クライアント側で実行されます。マークアップはアップロードまたはログに記録されないため、スクレイピングされたページ、CMS エクスポート、および独自のテンプレートはすべて安全に貼り付けられ、ツールはオフラインで動作します。
フラグメント、コンポーネント テンプレート、または完全なドキュメントを入力領域にドロップします。 フォーマット済みマークアップと既に縮小されたマークアップの両方が受け入れられます。
縮小のため、コメントの削除、空白の崩壊、および条件付きコメントの保存を切り替えます。 美化には、2、4、または 8 のスペースのインデントを選択します。
minify は、<pre>、<textarea>、<script>、および <style> コンテンツを保護しながら、マークアップを圧縮します。 ネストされたタグを再インデントし、インライン要素を読みやすくしたままにします。 貯蓄バッジには、正確な前後のサイズが表示されます。
結果をクリップボードにコピーするか、またはデプロイまたは検査できるように .html ファイルとしてダウンロードします。
<pre>、<textarea>、<script>、および <style> の内容がマスクされ、バイト単位で復元されます — コード サンプルとインライン スクリプトは決してマングリングされません。
コメントの削除、空白の崩壊、IE 条件付きコメントの保存のための独立した切り替え
引用符で囲まれた属性値内の空白は正確に保持されるため、代替テキスト、データ属性、およびインライン JSON はそのまま残ります
<span> や <a> などのインライン タグをテキストで流し続けながら、ネストされたブロック要素をインデントします。void タグは、閉じるペアは必要ありません。
0 comments
No comments yet. Be the first to share your thoughts!