フロントエンドのパフォーマンスの最適化III:キャッシュ

 

1.cache制御属性:

  スクリプトファイルは変更されません長い時間のために決定され、ブラウザがこのスクリプトをキャッシュすることができていることをすることができますがある場合は、常にサーバーに要求しないでください。これは、帯域幅を節約し、パフォーマンスを向上させるだけではなく。

この時点で、あなたは、HTTPのCache-Controlヘッダに設定されて返されたファイルを設定する必要があります。Cache-Control: max-age=31536000(以秒计量)



2、有効期限が切れます
有効期限は、ブラウザの設定を回避し、時間が経過するまでサーバがリクエストを送信します。

 

 

3、キャッシング交渉
現在のファイルのためのブラウザのサーバのバージョンを通知するには、ラベルに最後の時間変化を送信します

 交渉キャッシュの検証手順:

  1. ブラウザは:それは最後に変更された場合ねえ、私は、この文書jquery.min.jsを必要とする:2019年11月26日夜01時25分13秒GMT後に修正火、私を送ってください。

  2. ファイルをチェック修正サーバ)

  3. サーバー:ねえ、この文書は、その時点以降に変更されていませんが、あなたはすでに最新バージョンを持っています。

  4. ブラウザ:今、私は、ユーザーに表示されます。

4、ETagを
そして、最後の修飾似ていますが、レベルが最終更新の数よりも高くなっています。
 
  1.ブラウザ:ねえ、私は必要がhaorooms メインCSSのファイルは、ノー不一致がある「61213-1762a-50bf790757204」この文字列
  チェック2.サーバー のETagを...)
  3.サーバー: ねえ、ここでの私のバージョンである「61213-1762a-50bf790757204」は、最新のバージョンを持っています
  4. 浏览器:好,那就可以使用本地缓存了
 
 
 
 
 
 
 
 
 
 
 
 
 

おすすめ

転載: www.cnblogs.com/150536FBB/p/12367690.html