2026-05-18 · 読了目安 1 分
本番ビルドで JS と CSS を minify する
開発中に minify 済みソースをデバッグせず、より小さなアセットを配信する。
JavaScriptCSSパフォーマンス
重要ポイント
- 本番 minify ファイルはデバッグしない — リポジトリには beautify 済みソースを残す。
- テスト通過後に minify し、生バイトだけでなく gzip サイズも比較する。
開発とリリースを分ける
反復中は beautify モードを使い、CDN や静的ホスティングにアップロードする成果物でのみ minify に切り替える。
インシデント対応のため source map またはオリジナルソースを利用可能にしておく。
minify 後の検証
minify 済みアセットでステージングのスモークテストを実行 — aggressive な圧縮による構文エラーは実行時のみ現れる。
CSS と JS の出力サイズを合わせて比較; 初回ロード重量の両方に寄与する。
よくある質問
minify は常に LCP を改善しますか？
小さなアセットは助けになりますが、クリティカルパスとキャッシュの方が重要 — 実プロファイルで計測してください。
インラインスクリプトも minify すべきですか？
ロジックはバンドルに移すのが望ましい; 避けられない場合のみ minify し、十分テストする。