webdevqa.jp.net

ブラウザのローカルストレージとキャッシュの違いは何ですか?

Chromeの開発者コンソールでアプリケーションセグメントを開くとき。私たちは多くのようなものを見ます

  • 応用

    • マニフェスト
    • service Workers
  • ストレージ

    • ローカルストレージ
    • セッションストレージ
    • インデックス付きデータベース
    • Web SQL
    • クッキー
  • キャッシュ

    • キャッシュストレージ
    • アプリケーションキャッシュ

リソースをローカルに保存するためにキャッシュが使用され、セッションを維持するためにクライアント側でデータを保存するためにクッキーが使用されることを知っています。キャッシュはキー値形式の形式で保存されます。

私はそれらの間の本当の違いは何であるかを正確に知りたいです。

14
Ajender Reddy

経験は限られていますが、理解できることは次のとおりです。

Cacheは非常に頻繁に使用されるデータであるため、必要な処理と負荷を軽減するために保存されます。

  1. コンピューターでは、キャッシュは、最も基本的な命令を計算するためにプロセッサーが使用する一時データを保持するのに役立ちます。はるかに高速であるため、RAMよりも高価/小型ですが、同じイデオロギーです。
  2. ブラウザでは、頻繁なデータはWebページから取得するHTMLやCSSのようなファイルである

ローカルストレージ代わりに、フォーム情報や、Googleで紫色に表示される既に表示されているページのように、汎用性が低く、ユーザー固有のデータです。オブジェクトとデータでもありますCSSとHTMLがレンダリングされます。

たとえば、YouTubeでは、情報、アイコン、ツールバーが表示される標準形式があります。これをインターフェイスと考えてください。キャッシュはここで非常に役立ちます。そのため、YouTubeアイコン、検索バーなどが再びリロードされるのを待たずに、新しい動画を検索できます。

一方、youtubeやAmazonなどの他のWebページにログインすると、そのサイトはローカルストレージによってIDを認識します。ローカルストレージには、いくつかのタブや追加のメニューのような異なるJavaScriptインターフェイスオブジェクトもあります。

ソース:

7
Rodrigo Mendoza