1. ホーム
  2. html

[解決済み] ローカルストレージとCookieの比較

2022-03-17 22:11:06

質問

同じ機能を持つようなので、すべてのクッキーをローカルストレージに移動して、ウェブサイトのロード時間を短縮したいです。クッキーの機能をローカルストレージに置き換えることで、明らかな互換性の問題を除いて、長所と短所(特にパフォーマンス面)はありますか?

解決方法は?

クッキーとローカルストレージは、それぞれ異なる目的で使用されます。クッキーは主に以下のものを読み取るためのものです。 サーバーサイド によってのみ読み取ることができ、ローカルストレージは クライアント側 . そこで質問ですが、あなたのアプリでは、クライアントとサーバーのどちらがこのデータを必要とするのでしょうか?

クライアント(JavaScript)であれば、ぜひ切り替えてください。各HTTPヘッダーのすべてのデータを送信すると、帯域幅を浪費することになります。

サーバーの場合、ローカルストレージはあまり役に立ちません。なぜなら、何らかの方法でデータを転送しなければならないからです(Ajaxや隠しフォームフィールドなどを使って)。サーバーが各リクエストの総データの小さなサブセットしか必要としない場合は、これでもよいかもしれません。

どちらにしてもセッションクッキーはクッキーのままにしておきたいところですが。

技術的な違いと、私の理解の通りです。

  1. クッキーはデータを保存する古い方法であることに加え、以下の制限を受けます。 4096 バイト(実際は4095バイト)-これは1つのCookieあたりです。ローカルストレージのサイズは 1ドメインあたり5MB - SO質問 も言及しています。

  2. localStorage の実装です。 Storage インターフェイスです。データを 有効期限なし で、クリアされます。 のみ クッキーの有効期限とは異なり、JavaScript、またはブラウザのキャッシュ/ローカル保存データのクリアによって行われます。