2026-05-18 · 読了目安 1 分
マークアップを beautify するか minify するか
人間向けは beautify、バイト向けは minify — 2つの目的を1ステップで混ぜない。
HTMLパフォーマンスワークフロー
重要ポイント
- レビューと教育には beautify; デプロイには minify。
- minify 後に計測 — 壊れたマークアップはブラウザで静かに失敗することが多い。
対象者を知る
PR レビュアーとテクニカルライターには beautify 済みマークアップ; エンドユーザーには圧縮アセット。
CI とローカル dev のどちらで実行するか文書化し、毎 PR で整形を議論しない。
よくある質問
minify してから beautify できますか？
可能だが、往復で属性の空白が変わることがある; 出力は使い捨てとみなす。
どのツールがモードを共有しますか？
ここの HTML、XML、SQL、JS、CSS フォーマッターは該当する場合 beautify/minify スタイルの分離を使う。