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

Question

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

• 応用

  • マニフェスト
  • service Workers

• ストレージ

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

• キャッシュ

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

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

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

Answer 1

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

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

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

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

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

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

ソース：

• HTML5ローカルストレージVSアプリキャッシュオフラインWebサイトの参照
• http://searchstorage.techtarget.com/definition/cache

• http://www.differencebetween.com/difference-between-ram-and-vs-cache-memory/

• また、次のことを試してみました。ブラウザの設定に移動してキャッシュデータを削除し、ページを更新しました。その後、ローカルストレージをクリアし、再度ログインする必要がありました。