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

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

概要

圧縮とは、ブラウザによるリソースの処理方法に影響を与えずに、不要なデータや冗長なデータを削除するプロセスのことです。たとえば、コードのコメントと書式設定、未使用のコードの削除、変数名と関数名の短縮などがあります。

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

推奨事項

HTML、CSS、JavaScript のリソースを軽量化する必要があります。

  • HTML を圧縮するには、HTMLMinifier をお試しください。
  • CSS を圧縮するには、CSSNano と csso をお試しください。
  • JavaScript を圧縮するには、UglifyJS をお試しください。Closure Compiler も非常に効果的です。これらのツールを使用して開発ファイルを軽量化して名前を変更し、本番ディレクトリに保存するビルドプロセスを作成できます。

別の方法として、PageSpeed モジュールを Apache または Nginx のウェブサーバーと統合し、リソースの軽量化などを通じてサイトを自動的に最適化することもできます。

フィードバック

このページはお役に立ちましたか？