Speed Cache:リソースの最小化
縮小とは、ブラウザによるリソースの処理方法に影響を与えずに、不要または冗長なデータを削除するプロセスを指します。たとえば、コードのコメントやフォーマット、未使用のコードの削除、短い変数名や関数名の使用などです。.
ダッシュボードから「グループと縮小」、パラメータを有効にするか、テキスト領域フィールドに URL を追加します。
すべてのJS、CSS、フォントファイルをワンクリックでグループ化できます。グループ化ファイル機能には以下のものがあります。
- HTML の縮小:縮小とは、ブラウザーによるリソースの処理方法に影響を与えずに、不要または冗長なデータを削除するプロセスを指します。たとえば、コードのコメントや書式設定、未使用のコードの削除、短い変数名や関数名の使用などです。
- CSSの最小化
- JSの縮小
- CSSのグループ化:複数のCSSファイルを1つのファイルにグループ化すると、HTTPリクエスト数を最小限に抑えることができます。ただし、競合が発生する可能性があるため、注意して使用し、ウェブサイトをテストしてください。
- JSのグループ化:複数のJavaScriptファイルを1つのファイルにグループ化すると、HTTPリクエスト数を最小限に抑えることができます。bodyファイルとheadファイルにあるすべてのスクリプトをグループ化します。これはパフォーマンス調査を徹底的に行うには最適な方法ですが、競合が発生する可能性があるため、ウェブサイトをテストするようにしてください。
- フォントと Google フォントをグループ化:ローカル フォントと Google フォントを 1 つのファイルにグループ化して、より速く提供します。
- CSS の遅延:ページの読み込みの最後に CSS ファイルを呼び出して、レンダリングをブロックする要素を排除します。
- JS の遅延:ページの読み込みの最後に JS ファイルを呼び出して、レンダリングをブロックする要素を排除します。
- インライン スタイルを除外:縮小からインライン スタイルを除外します。
- ファイルの除外:ファイルへの各パスを 1 行に入力して、ファイルを縮小およびグループ化から除外します。
- ページ除外:各ページの URL を 1 行に入力して、上記のすべての最適化からページを除外します。
