[解決済み] ローカルストレージとCookieの比較
質問
同じ機能を持つようなので、すべてのクッキーをローカルストレージに移動して、ウェブサイトのロード時間を短縮したいです。クッキーの機能をローカルストレージに置き換えることで、明らかな互換性の問題を除いて、長所と短所(特にパフォーマンス面)はありますか?
解決方法は?
クッキーとローカルストレージは、それぞれ異なる目的で使用されます。クッキーは主に以下のものを読み取るためのものです。 サーバーサイド によってのみ読み取ることができ、ローカルストレージは クライアント側 . そこで質問ですが、あなたのアプリでは、クライアントとサーバーのどちらがこのデータを必要とするのでしょうか?
クライアント(JavaScript)であれば、ぜひ切り替えてください。各HTTPヘッダーのすべてのデータを送信すると、帯域幅を浪費することになります。
サーバーの場合、ローカルストレージはあまり役に立ちません。なぜなら、何らかの方法でデータを転送しなければならないからです(Ajaxや隠しフォームフィールドなどを使って)。サーバーが各リクエストの総データの小さなサブセットしか必要としない場合は、これでもよいかもしれません。
どちらにしてもセッションクッキーはクッキーのままにしておきたいところですが。
技術的な違いと、私の理解の通りです。
-
クッキーはデータを保存する古い方法であることに加え、以下の制限を受けます。 4096 バイト(実際は4095バイト)-これは1つのCookieあたりです。ローカルストレージのサイズは 1ドメインあたり5MB - SO質問 も言及しています。
-
localStorage
の実装です。Storage
インターフェイスです。データを 有効期限なし で、クリアされます。 のみ クッキーの有効期限とは異なり、JavaScript、またはブラウザのキャッシュ/ローカル保存データのクリアによって行われます。
関連
-
[解決済み] ストレージの項目が設定されているかどうかを確認する方法は?
-
[解決済み] 横型リストアイテム
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] HTML5 ローカルストレージとセッションストレージの比較
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] HTTPクッキーはポート指定ですか?
-
[解決済み] HTML5のローカルストレージのアイテムはいつ期限切れになりますか?
-
[解決済み】Cookieに使用できる文字は何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] localStorageの値の最大サイズは?
-
[解決済み] Safariでhtml5 localStorageエラー。"QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota." と表示されます。