sessionStorage, IndexedDB ve Doğru API'yi Seçme

sessionStorage, localStorage ile tamamen aynı yöntemleri sunar; ancak yaşam süresi sekmeye bağlıdır. Sekme veya pencere kapandığında verileri otomatik olarak temizlenir.

Ayrıca her sekmeye özeldir; bu nedenle iki sekme sessionStorage verilerini paylaşmaz.

sessionStorage, oturum boyunca yeniden yüklemeler arasında ilerlemeyi korumak, ancak sekme kapandığında ilerlemeyi silmek istediğiniz çok adımlı form akışları için idealdir.

Kullanıcı formun ortasındayken sayfayı yenileyebilir ve girişlerini kaybetmez; yine de form tamamlandıktan veya kullanıcı ayrıldıktan sonra hiçbir veri kalmaz.

IndexedDB, tarayıcıda yerleşik olarak bulunan eşzamansız ve işlemsel bir veritabanıdır. localStorage'ın 5 MB sınırından çok daha fazlasını depolayabilir; yapılandırılmış nesneleri, dizileri ve hatta ikili verileri işleyebilir.

Eşzamansız olduğu için localStorage gibi ana iş parçacığını engellemez.

Ham IndexedDB API'si ayrıntılı ve olay tabanlıdır; bu nedenle idb-keyval gibi kitaplıklar onu get, set ve del gibi basit eşzamansız işlevlerle sarar.

Bu, IndexedDB'nin kapasitesini ve eşzamansız davranışını localStorage benzeri bir kullanım kolaylığıyla sunar.

IndexedDB, Blob ve ArrayBuffer değerlerini depolayabildiği için görselleri, sesleri, indirilen dosyaları veya çevrimdışı kaynakları önbelleğe almak için idealdir.

Bunlar localStorage sınırını hızla aşar ve dizelere dönüştürülmek zorunda kalırdı; IndexedDB bu gerekliliği ortadan kaldırır.

Genellikle hizmet çalışanlarıyla kullanılan Cache API'si, istek anahtarlarıyla eşleştirilmiş tam HTTP Response nesnelerini depolar. Ağ yanıtlarını çevrimdışı öncelikli olarak önbelleğe almak için özel olarak tasarlanmıştır.

Çevrimdışıyken ağa bağlanmadan kaynakları ve API yanıtlarını sunmak için bunu kullanın.

localStorage temizlenene kadar kalıcıdır, sessionStorage yalnızca sekme oturumu boyunca sürer, IndexedDB kalıcıdır ve çerezlerin sona erme süresi öznitelikleri aracılığıyla yapılandırılabilir.

İhtiyacınız olan yaşam süresini doğru depolama alanıyla eşleştirmek, verilerin ne zaman kaybolacağına dair sürprizleri önler.

localStorage ve sessionStorage yaklaşık 5 MB ile, çerezler ise her biri yaklaşık 4 KB ile sınırlıyken IndexedDB, cihaza ve tarayıcıya bağlı olarak yüzlerce megabayt veya daha fazlasını kullanabilir.

Kayda değer büyüklükteki her veri için IndexedDB, tarayıcıdaki tek pratik seçenektir.

localStorage, sessionStorage ve çerezler eşzamanlıdır; erişim sırasında ana iş parçacığını engeller. IndexedDB ve Cache API'si eşzamansızdır ve Promise tabanlıdır.

Eşzamansız erişim, daha büyük miktarlarda veri okunurken veya yazılırken bile kullanıcı arayüzünün duyarlı kalmasını sağlar.

Kimlik doğrulama belirteçleri için, komut dosyalarının okuyamaması amacıyla httpOnly çerezleri; küçük ve kalıcı tercihler için localStorage'ı; büyük dosyalar ve karmaşık çevrimdışı veriler için IndexedDB'yi; bir sekme içindeki kısa ömürlü taslaklar için sessionStorage'ı kullanın.

Depolama alanını verilerin hassasiyetine, boyutuna ve yaşam süresine göre seçin.

Tek bir en iyi depolama API'si yoktur; her biri kapasite, kalıcılık, eşzamanlama davranışı ve güvenlik arasında farklı ödünler sunar. Aralarındaki farkları bilmek, bilinçli seçim yapmanızı sağlar.

Tipik bir uygulama birkaçını birlikte kullanır: kimlik doğrulama için çerezler, tercihler için localStorage ve çevrimdışı varlıklar için IndexedDB.

Depolama seçenekleriyle ilgili anlayışınızı sınayın.

sessionStorage, localStorage, IndexedDB, çerezler ve Cache API'sini kalıcılık, kapasite, eşzamanlama davranışı ve güvenlik açısından karşılaştırdınız.

Kullanım senaryosuna göre seçim yapmayı öğrendiniz: kimlik doğrulama için çerezler, küçük tercihler için localStorage, büyük veya karmaşık veriler için IndexedDB ve sekme kapsamındaki taslaklar için sessionStorage.