Angularjsのブラウザキャッシングを活用する

Question

Angularjsプロジェクトに取り組んでいます。ウェブサイトの最適化のために画像のレバレッジブラウザキャッシングを実装したいと思います。これをanglejsプロジェクトで実装する方法はありますか？

Answer 1

ブラウザのキャッシングはサーバーによって行われます

Linx8の回答だけでなく、Google browser cachingから詳細を調べることができます。

のCache-Controlは、どのように、および個々の応答 ブラウザおよび他の中間キャッシュでキャッシュすることができるどのくらいのために定義しています。 の詳細については、Cache-Controlによるキャッシュを参照してください。

のETagは自動的 リソースは、それが要求された最後の時間以降に変更されたかどうかをチェックするために、ブラウザによって送信された再検証 トークンを提供します。 の詳細については、ETagsでキャッシュされた応答の検証を参照してください。

要するに、ブラウザは、リソース（イメージ、スタイルシート、スクリプト）を次のタグで再呼び出しします。Cache-Control and Etagsこれらのヘッダーは、どのくらいの期間キャッシュされるべきか、またはそれ以降に変更されたかどうかを示します。ユーザーはサイトを再訪すると、WebサーバーへのHTTP GET要求を行う代わりに、キャッシュから取得し、時間とコストを節約できます。推奨される最小キャッシュ時間は1週間であり、好ましくは1年までである（rfc2616で記述）。

Answer 2

AngularJSの外部でブラウザキャッシュを利用します。あなたは、ドメインのルートにまたはそれに類似したものを使用してWebアプリケーションと同じディレクトリにあるいずれかのサーバー上の.htaccessファイルを作成することができます。詳細については

## EXPIRES CACHING ## 
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresByType image/jpg "access plus 1 year" 
ExpiresByType image/jpeg "access plus 1 year" 
ExpiresByType image/gif "access plus 1 year" 
ExpiresByType image/png "access plus 1 year" 
ExpiresByType text/css "access plus 1 month" 
ExpiresByType application/pdf "access plus 1 month" 
ExpiresByType text/x-javascript "access plus 1 month" 
ExpiresByType application/x-shockwave-flash "access plus 1 month" 
ExpiresByType image/x-icon "access plus 1 year" 
ExpiresDefault "access plus 2 days" 
</IfModule> 
## EXPIRES CACHING ## 

、ここで読む：Varvy