web-dev-qa-db-ja.com

Google Chrome監査:リソースは明示的にキャッシュ不可ですか?

サイトでGoogle Chrome監査を実行すると、すべてのCSS、PNG、JPG、JSファイル、さらに見出しの下のメインドメイン(例:www.example.com)がリストされます。

ブラウザのキャッシュを利用する

  • 次のリソースは明示的にキャッシュ不可です。可能であればキャッシュ可能にすることを検討してください

HTML5ボイラープレートの.htaccess の機能は、これを解決するのに役立ちますか?

そうでない場合、これにどのようにアプローチするのが最善ですか?

3
Baumr

はい。HTML5ボイラープレートリンクには、レバレッジブラウジングキャッシュを渡すための.htaccess情報が含まれています。

基本的には、画像、js、cssをキャッシュ可能にするためだけに渡します。 2週間のTTL設定を使用してファイルでCDNネットワークを使用するなど、他の多くの方法があるため、定型的な方法を使用する必要はありません。

Apacheで動作する別のコードスニペットは次のようになります

ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 86400 seconds"
ExpiresByType application/x-javascript "access plus 86400 seconds"

画像を変更するのは4週間であることが多く、JSの場合は2週間、CSSの場合は72時間ですが、個人的に選択できるため、画像をお勧めします。

2
Simon Hayter