HTMLを安全かつ高速に圧縮する仕組み
HTMLの構文をブラウザ内で直接解析し、画面の描画に影響を与えない不要な空白やコメントを安全に削除します。JavaScriptベースのアルゴリズムを採用しており、すべての処理はお客様の端末上で完結します。
入力されたソースコードが外部のサーバーに送信されることは一切ないため、公開前の機密性の高いプロジェクトや、社内システムのコードを処理する場合でも安心してご利用いただけます。
空白文字の扱いとインラインコードの軽量化
インライン要素間の単語の区切りを維持するため、必要な半角スペースは意図的に保持されます。また、<pre>や<textarea>タグ内の空白、および属性値の中にあるスペースは、画面のレンダリングに直接影響するため変更されません。
なお、<style>や<script>タグ内のインラインCSS・JavaScriptも個別のミニファイアによって同時に圧縮処理されますが、外部ファイルとして読み込んでいるCSSやJSは処理の対象外となります。
特殊なコメントや構文エラーへの対応
旧式ブラウザ向けの条件付きコメントなど、マークアップの一部として機能する特殊なコメントは削除されずに維持されます。これにより、意図した挙動が変わってしまうリスクを防ぎます。
ただし、構文エラーが含まれる不正なHTMLや、属性値の引用符が欠落しているような複雑すぎる構造の場合、正確にパースできず意図しないマークアップの崩れを引き起こす可能性があります。実行前に必ずコードの構文が正しいことを確認することをおすすめします。
よくある質問
HTMLのデータはどこかにアップロードされますか?
いいえ、アップロードされません。ToolMoleのすべての処理はお客様のブラウザ内でローカルに実行されるため、外部サーバーへデータが送信されることはありません。
圧縮後のHTMLは、元のデザインと同じように表示されますか?
はい、描画に影響を与えない不要な空白やコメントのみを削除するため、見た目は完全に同一に保たれます。ただし、元のHTMLに深刻な構文エラーがある場合は正しく処理されないことがあります。
HTML内に直接書かれたCSSやJavaScriptも圧縮されますか?
はい、<code><style></code>および<code><script></code>タグ内に記述されたインラインのCSSやJavaScriptは、それぞれ専用の処理によって同時に圧縮されます。
classなどの属性値の中にあるスペースはどうなりますか?
属性値の中にある空白文字は、ブラウザのレンダリングや動作に影響を与えるため、一切変更されずにそのまま保持されます。
条件付きコメントは削除されてしまいますか?
いいえ、特定のブラウザ向けの条件付きコメントは重要なマークアップの一部として認識されるため、削除されずにそのまま残ります。
ツールの不具合や改善案はありますか。 フィードバックを送る