リソース（HTML、CSS、JavaScript）を圧縮する

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

概要

圧縮（軽量化）とは、ブラウザによるリソースの処理に影響を与えることなく、不要なデータや重複データ（コードのコメントや書式など）の削除、使用されていないコードの削除、短い変数名や関数名の使用といった処理を行うことを指します。

詳しくは、前処理とコンテキスト固有の最適化をご覧ください。

推奨される解決方法

HTML、CSS、Javascript のリソースを圧縮します。

• HTML の圧縮: HTMLMinifier をお試しください。
• CSS の圧縮: CSSNano、csso をお試しください。
• JavaScript の圧縮: UglifyJS をお試しください。Closure Compiler の利用も極めて有効です。こうしたツールを使用して開発ファイルを圧縮し、名前を変更して、本番ディレクトリに保存する、というビルドプロセスを作成できます。

また、PageSpeed モジュールを Apache または Nginx ウェブサーバーに統合して、リソースの圧縮を含めたサイトの最適化を自動的に行う方法もあります。