リソース(HTML、CSS、JavaScript)を圧縮する

このルールは、いずれかのリソースのサイズを圧縮によって削減できることを PageSpeed Insights が検出した場合にトリガーされます。

概要

リソースの圧縮(ミニファイ)とは、余分なスペース、改行、インデントなどの不要なバイトを取り除くことです。HTML、CSS、JavaScript を圧縮すると、ダウンロード、解析、実行時の速度を向上させることができます。また、CSS と JavaScript の場合、変数名を変更することでファイル サイズをさらに削減できます。ただし、それに合わせて HTML を更新し、セレクタが動作し続けるようにしてください。

推奨される解決方法

HTML、CSS、Javascript を圧縮してください。

HTML の圧縮では、PageSpeed Insights の Chrome 拡張機能を使って、HTML コードの最適化されたバージョンを生成できます。HTML ページに対して解析を実行し、[Minify HTML] ルールを確認します。[See optimized content] をクリックすると、最適化された HTML コードが表示されます。

CSS の圧縮では、YUI Compressorcssmin.js を使用できます。

JavaScript の圧縮では、Closure CompilerJSMinYUI Compressor を使用できます。これらのツールを使用して開発ファイルを圧縮し、名前を変更して、本番ディレクトリに保存するビルド プロセスを作成できます。