Web Storage (Web Depolama) Nedir? Web Storage Türleri Nelerdir? Web Storage Avantajları Nelerdir?

HTML5 ile birlikte gelen, çerezlerin bazı eksik noktalarını gideren, yine veri depolamaya yarayan 2 yeni özellikten bahsedeceğim. Her makalede yazdığım gibi eğer daha önceki yazıları okumadıysanız burada anlatılanlar kafanızı karıştırabilir. Bu ve bundan sonraki 3 yazıda web depolama nedir, türleri nelerdir, web depolama nasıl kullanılır ve çerezlere göre avantajları nelerdir elimden geldiğince anlatmaya çalışacağım.

• Cookie (Çerez) Nedir? Cookie Türleri Nelerdir? Çerezler Nasıl Çalışır?
• Persistent Cookies Nedir ve Nasıl Çalışır? (Cookie Nedir? Cookie Nasıl Çalışır?)
• Session Cookies Nedir ve Nasıl Çalışır? (Session Nedir? Session Nasıl Çalışır?)
• Session Cookies ve Persistent Cookies Farkları Nelerdir? (Session ve Cookie Farkları Nelerdir?)
• Web Storage (Web Depolama) Nedir? Web Storage Türleri Nelerdir? Web Storage Avantajları Nelerdir?
• Local Storage Nedir? Local Storage Nasıl Kullanılır? (Yerel Depolama)
• Session Storage Nedir? Session Storage Nasıl Kullanılır (Geçici Depolama)
• Local Storage ve Session Storage Farkları Nelerdir?
• Session Cookies, Persistent Cookies, Local Storage ve Session Storage Arasındaki Farklar (Session, Cookie, Local Storage ve Session Storage Arasındaki Farklar)

Web Storage Nedir?

Henüz HTML5 geliştirilmemişken veri depolamak için daha önceki yazılarda anlattığım çerezler (kalıcı çerezler, oturum çerezleri vb.) kullanılıyordu. HTML5'in geliştirilmesiyle birlikte veri depolamaya yarayan yeni alternatifler geldi: Web Storage (Web Depolama). HTML5 web depolama için bize 2 seçenek sunmakta. Bunlar Local Storage (Yerel Depolama) ve Session Storage (Geçici Depolama). Mantığını çerezler gibi düşünürsek; local storage ile kalıcı çerezler ve session storage ile geçici çerezler ilişkilendirilebilir. Ancak çerezlerden en önemli farklarından biri; local storage ve session storage verileri kullanıcı bilgisayarında (tarayıcıya göre konum değişebilir) depolanır ve gerektiğinde buradan çağrılır. Bu veriler çerezlerde olduğu gibi key-value tanımlamasıyla saklanır.

Web Storage Nasıl Kullanılır?

Web Storage özelliği Javascript ile kullanılır. Depolama işlemleri yapılırken HTML5 ile birlikte hazır olarak gelen localStorage ve sessionStorage nesnelerinden yararlanılır. Web depolamayı tarayıcıların çok eski sürümleri hariç bütün popüler tarayıcılar destekler. Yine de tarayıcınızın Web Storage'ı destekleyip desteklemediğini aşağıdaki kod ile kontrol edebilirsiniz (script etiketleri arasına yazın).

if(typeof(Storage) !== "undefined")
    alert('Tarayıcınız Web Storage özelliğini destekliyor.');
else 
    alert('Tarayıcınız Web Storage özelliğini desteklemiyor.');

Web Storage Avantajları Nelerdir?

Çerezlerin sahip olduığu bütün avantajlar web storage'da da vardır. Ancak web storage çerezlerin bazı eksik noktalarını tamamlamıştır. Bunlar;

1) Kalıcı çerezlerde maksimum veri depolama boyutu 4KB'dir. Ancak Web Storage ile büyük miktarlardaki veriler depolanabilir.

2) Veriler server tarafında değil client tarafında tutulur. Bu sayede websitelerine erişimde hız ve performans bakımından artış sağlanır. Çünkü normalde kalıcı çerezler HTTP request mesajı ile server'a iletilir ama Web Storage'da veriler kullanıcı bilgisayarında saklandığı için ve gerektiğinde kullanıcı bilgisayarından çağrıldığı için buna gerek yoktur. Dolayısıyla çerezler server'ı meşgul etmeyecektir.