効率的なキャッシュ

Silktide は実際のブラウザでページを読み込み、各ファイルを再度ダウンロードするまでの間、訪問者のブラウザにどのくらいの期間保持できるかをチェックします。短時間しか保持されないファイルや、まったく保持されないファイルを、リピーターが不必要にダウンロードするデータ量とともに報告します。

重要な理由

ウェブサイトのファイルのほとんどは、ほとんど変更されません。ロゴ、スタイルシート、スクリプト、フォントは、どのページでも、どの訪問時でも同じです。ブラウザでこれらをできれば、再訪問者は再度ダウンロードする代わりに、自分のデバイスから瞬時に読み込めます。キャッシュがなければ、ページを表示するたびに最初から読み込みが始まります。再訪問でも初回と同じように遅く感じられ、訪問者とサーバーは同じデータを何度もやり取りすることになります。

修正方法

静的ファイルのキャッシュ保持期間を長くするよう、サーバーを設定します。一般的には1年です。

# 静的ファイルのレスポンスヘッダー（1年）
Cache-Control: max-age=31536000, immutable

バージョン付きURLを使って更新時の問題を解決します。ファイルが変更されたら、URLを変更します（例：app.3f2a1.css）。ブラウザは新しいURLを新しいファイルとして扱うため、長期間キャッシュしても古いコンテンツが提供されることはありません。ほとんどのビルドツールとは、これを自動的に実行できます。
ページ自体ののように、常に最新である必要があるコンテンツには、短いキャッシュ期間を設定するか、キャッシュを無効にします。

Silktide によるテスト方法

実際のブラウザでページを読み込み、各ファイルとともに提供されたキャッシュの指示を読み取ります。
画像、スタイルシート、スクリプト、フォントなど、キャッシュ保持期間が短い、または設定されていない静的ファイルを特定します。
各ファイルについて、現在のキャッシュ保持期間とサイズを報告します。リピーターがそのファイルを再ダウンロードする可能性に応じて重み付けします。

トラブルシューティング

これらのファイルは頻繁に変更します

そのためにバージョン付きURLを使用します。無期限にキャッシュし、コンテンツが変更されたらURLを変更します。プラットフォームでURLにバージョンを付けられない場合は、古いコンテンツが提供されることを許容できる範囲で、できるだけ長い保持期間を選択してください。たとえ1日でも、何もしないよりははるかに効果的です。

サードパーティのファイルが報告されます

キャッシュ保持期間はファイルを配信するサーバーによって設定されるため、他社のスクリプトのキャッシュを修正することはできません。そのサービスにかかるコストに見合う価値があるかどうかを検討できます。サードパーティコードをご覧ください。