HTML5 Penyimpanan lokal vs. Penyimpanan sesi

Selain tidak persisten dan dibatasi hanya ke jendela saat ini, apakah ada manfaat (kinerja, akses data, dll) untuk Penyimpanan Sesi di Penyimpanan Lokal?

localStorage dan sessionStorage keduanya memperpanjang Storage . Tidak ada perbedaan di antara mereka kecuali untuk "non-persistensi" yang dimaksud sessionStorage.

Artinya, data yang disimpan dalam localStorage tetap ada sampai dihapus secara eksplisit . Perubahan yang dibuat disimpan dan tersedia untuk semua kunjungan saat ini dan di masa mendatang ke situs.

Sebab sessionStorage, perubahan hanya tersedia per tab. Perubahan yang dibuat disimpan dan tersedia untuk halaman saat ini di tab itu sampai ditutup. Setelah ditutup, data yang disimpan dihapus.

Satu-satunya perbedaan adalah bahwa localStorage memiliki waktu kedaluwarsa yang berbeda, sessionStoragehanya akan dapat diakses sementara dan oleh jendela yang membuatnya terbuka.
localStorageberlangsung hingga Anda menghapusnya atau pengguna menghapusnya.
Katakanlah bahwa Anda ingin menyimpan username login dan password Anda akan ingin menggunakan sessionStoragelebih localStorageuntuk alasan keamanan (yaitu. Orang lain mengakses akun mereka di lain waktu).
Tetapi jika Anda ingin menyimpan pengaturan pengguna di mesin mereka, Anda mungkin ingin localStorage. Semua seutuhnya:

localStorage- digunakan untuk penggunaan jangka panjang.
sessionStorage- gunakan ketika Anda perlu menyimpan sesuatu yang berubah atau sesuatu yang sementara

Beberapa poin lain yang mungkin membantu untuk memahami perbedaan antara penyimpanan lokal dan sesi

1. Baik penyimpanan lokal dan penyimpanan sesi dibatasi untuk mendokumentasikan asal, jadi

   https://mydomain.com/
   http://mydomain.com/
   https://mydomain.com:8080/

   Semua URL di atas tidak akan berbagi penyimpanan yang sama. (Jalur pemberitahuan halaman web tidak memengaruhi penyimpanan web)

2. Penyimpanan sesi berbeda bahkan untuk dokumen dengan kebijakan asal yang sama terbuka di tab yang berbeda, sehingga halaman web yang sama dibuka di dua tab yang berbeda tidak dapat berbagi penyimpanan sesi yang sama.

3. Penyimpanan lokal dan sesi juga dibatasi oleh vendor browser . Jadi data penyimpanan yang disimpan oleh IE tidak dapat dibaca oleh Chrome atau FF.

Semoga ini membantu.

Perbedaan utama antara localStoragedan sessionStorageitu sessionStorageunik per tab. Jika Anda menutup tab itu sessionStorageakan dihapus, localStoragetidak. Anda juga tidak dapat berkomunikasi antar tab :)

Perbedaan halus lainnya adalah bahwa misalnya pada Safari (8.0.3) localStoragememiliki batas 2.551 k karakter tetapi sessionStoragememiliki penyimpanan tidak terbatas

Pada Chrome (v43) keduanya localStoragedan sessionStoragedibatasi hingga 5101 k karakter (tidak ada perbedaan antara mode normal / penyamaran)

Pada Firefox keduanya localStoragedan sessionStoragedibatasi hingga 5120 k karakter (tidak ada perbedaan antara mode normal / pribadi)

Tidak ada perbedaan dalam kecepatan apa pun :)

Ada juga masalah dengan Mobile Safari dan Mobile Chrome, Private Mode Safari & Chrome memiliki ruang maksimum 0KB

sessionStoragesama dengan localStorage, kecuali bahwa itu menyimpan data hanya untuk satu sesi, dan itu akan dihapus ketika pengguna menutup jendela browser yang membuatnya.

Dari segi kinerja, pengukuran (kasar) saya tidak menemukan perbedaan pada 1000 penulisan dan pembacaan

keamanan bijaksana, secara intuitif kelihatannya localStore mungkin akan ditutup sebelum sessionStore, tetapi tidak memiliki bukti nyata - mungkin orang lain melakukannya?

fungsional bijaksana, setuju dengan digitalFresh di atas

Ya penyimpanan sesi dan penyimpanan lokal sama dalam perilaku kecuali yang penyimpanan lokal akan menyimpan data sampai dan kecuali pengguna menghapus cache dan cookie dan data penyimpanan sesi akan tetap di sistem sampai kita menutup sesi i, e sampai kita menutup jendela penyimpanan sesi dibuat.

Keuntungan dari penyimpanan sesi daripada penyimpanan lokal, menurut saya, adalah memiliki kapasitas tak terbatas di Firefox, dan tidak akan bertahan lebih lama dari sesi. (Tentu saja itu tergantung pada apa tujuan Anda.)

Penyimpanan lokal: Ini menyimpan data informasi pengguna tanpa tanggal kedaluwarsa, data ini tidak akan dihapus ketika pengguna menutup jendela browser, itu akan tersedia untuk hari, minggu, bulan dan tahun.

//Set the value in a local storage object
localStorage.setItem('name', myName);

//Get the value from storage object
localStorage.getItem('name');

//Delete the value from local storage object
localStorage.removeItem(name);//Delete specifice obeject from local storege
localStorage.clear();//Delete all from local storege

Penyimpanan Sesi: Ini sama dengan tanggal penyimpanan lokal kecuali itu akan menghapus semua jendela ketika jendela browser ditutup oleh pengguna web.

//set the value to a object in session storege
sessionStorage.myNameInSession = "Krishna";

Baca Lebih Lanjut Klik

• sessionStorage memelihara area penyimpanan terpisah untuk setiap asal yang diberikan yang tersedia selama sesi halaman (selama browser terbuka, termasuk pemuatan dan pemulihan halaman)

• localStorage melakukan hal yang sama, tetapi tetap ada bahkan ketika browser ditutup dan dibuka kembali.

Saya mengambil ini dari https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API