接続に失敗しました。もう一度試してください。

コンテンツにスキップ
SEO Tools
ヘルプとドキュメント
速度 中程度の影響 簡単 15～30分

ブラウザのキャッシュ

静的ファイルは訪問者の側に保存する必要があります。

それは何ですか

ブラウザーのキャッシュ (Cache-Control / Expires ヘッダー経由) により、ブラウザーは静的ファイル (画像、CSS、JS、フォント) を保存し、次回のアクセス時にそれらを再ダウンロードしなくなります。

なぜそれに対処するのでしょうか？

キャッシュがないと、再訪問者は読み込みのたびにすべてを再度ダウンロードすることになり、不必要に時間がかかり、データ量が多くなります。適切なキャッシュにより、繰り返しのアクセスが大幅に高速化され、サーバーの負荷が軽減されます。

やり方

  1. 1不変の静的ファイルには長いキャッシュ (例: 1 年) を設定します。
  2. 2「キャッシュ無効化」を使用します。つまり、名前 (app.4f3a.js) でバージョン管理を行うため、ユーザーは変更時に新しいバージョンを取得できます。
  3. 3HTML を短いキャッシュまたはキャッシュなしで保持します (最新のものである必要があります)。
  4. 4応答の Cache-Control ヘッダーを確認します。

静的ファイル (.htaccess) のキャッシュ

Správně
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
</IfModule>

結論

ブラウザのキャッシュは、繰り返しのアクセスを高速化するための安価な方法です。重要なのは、静的アセットの長いキャッシュとバージョン名を組み合わせることで、ユーザーに古いバージョンが表示されるリスクを冒さずにファイルを変更できるようになります。一方、HTML は常に最新の状態に保ちます。

関連トピック