ブラウザのキャッシュを使用する
公式発言：
ユーザーが複数回ウェブサイトを訪問する場合、静的リソースのブラウザキャッシュにより、ユーザーの時間の節約が可能になります。
キャッシュヘッダーは、一部の静的リソース（例：画像）に限定されるのではなく、すべてのキャッシュ可能な静的リソースに適用されるべきです。
キャッシュ可能なリソースには、JSおよびCSSファイル、画像ファイル、その他のバイナリ形式のオブジェクトファイル（メディアファイルやPDFファイルなど）が含まれます。
通常、HTMLは静的リソースであり、デフォルトではキャッシュ可能なリソースとは見なされません。あなたのウェブサイトのHTMLに適用される適切なキャッシュポリシーについて検討してください。
サーバーでブラウザのキャッシュ機能を有効にすることをお勧めします。静的リソースのキャッシュ有効期間は、少なくとも1週間と設定してください。
広告やウィジェットなどのサードパーティ提供リソースについても、少なくとも1日間のキャッシュ有効期限を設けるべきです。
すべてのキャッシュ可能なリソースについて、以下の設定を実施することをお勧めします：
`Expires` を将来の日付に設定してください。設定期間は少なくとも1週間、最大で1年までです（`Expires` を設定する方を推奨します。これは、`Cache-Control: max-age` と比較して、`Expires` がより広範なサポート範囲を有しているためです）。
メリット
つまり、他のユーザーがあなたのウェブサイトを訪問した際、そのユーザーのスマートフォンまたはPCのブラウザが、あなたのウェブサイトで必要とされるJS、CSS、および画像を自動的に一時的にキャッシュします。これにより、同サイトを再度訪問する際にも、これらのCSSやJSファイルをサーバーに再度要求する必要がなくなります。その結果、あなたのウェブサイトの読み込み速度が大幅に向上します。
nginx設定 – Expires
宝塔内、「偽静的ルール」に以下のコードを追加してください。
`expires` フィールドはページキャッシュの制御に使用されます。適切に設定することで、多数のサーバーからのリクエストを削減できます。`expires` を設定するには、`http`セクション、`server`セクション、または `location`セクションに記述してください。
``php
location ~ .(gif|jpg|jpeg|png|bmp|ico)$ {
root /var/www/img/;
expires 30d;
}``
画像などの有効期限を30日間と設定できます。もちろん、この期間をより長く設定することも可能です。具体的な設定は状況に応じて決定されます。
例えば
location ~ \.(wma|wmv|asf|mp3|mmf|zip|rar|swf|flv)$ {
root /var/www/upload/;
expires max;
}
