ローカルストレージとCookie [closed] 質問する

ローカルストレージとCookie [closed] 質問する

すべての Cookie をローカル ストレージに移動して、Web サイトの読み込み時間を短縮したいと考えています。すべての Cookie の機能は同じであると思われるためです。明らかな互換性の問題を除いて、ローカル ストレージを使用して Cookie 機能を置き換えることには、(特にパフォーマンス面で) 長所と短所がありますか?

ベストアンサー1

Cookie とローカル ストレージは目的が異なります。Cookie は主にサーバー側で読み取りを行うためのもので、ローカル ストレージはクライアント側でのみ読み取りが可能です。そこで問題となるのは、アプリでこのデータを必要とするのはクライアントかサーバーかということです。

それがクライアント(JavaScript)の場合は、必ず切り替えてください。各 HTTP ヘッダー内のすべてのデータを送信することで、帯域幅を無駄にしていることになります。

それが自分のサーバーである場合、何らかの方法でデータを転送する必要があるため (Ajax や非表示のフォーム フィールドなどを使用)、ローカル ストレージはあまり役に立ちません。サーバーが各リクエストに対して全データの小さなサブセットのみを必要とする場合は、これで問題ないかもしれません。

ただし、どちらの場合でも、セッション Cookie を Cookie として残しておく必要があります。

技術的な違いと私の理解によれば:

  1. クッキーはデータを保存する古い方法であるだけでなく、クッキーごとに4096バイト(実際には4095バイト)の制限があります。ローカルストレージはドメインごとに最大10MBです。このStack Overflowの質問にも言及されています。

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

おすすめ記事