Tarayıcılar Verileri Nasıl Saklar

Tarayıcılar web sitelerini göstermekten daha fazlasını yapar. Yerel veri yöneticileri olarak hareket ederler. Gezinmeyi daha hızlı ve kolay hale getirmek için cihazınızda bilgiler saklarlar.

Tarayıcıların verileri saklama konusundaki üç ana yöntemini bilmelisiniz:

• Çerezler • Tarayıcı Önbelleği • Web Depolama

Çerezler

Çerezler küçük metin dosyalarıdır. Web siteleri sizi hatırlamak için bunları kullanır. Oturum bilgilerinizi ve dil ayarlarınızı saklarlar.

Nasıl çalışırlar:

  • Bir siteyi ziyaret edersiniz.
  • Site, tarayıcınıza bir çerez gönderir.
  • Tarayıcınız bunu kaydeder.
  • Bir sonraki ziyaretinizde, tarayıcınız bu çerezi sunucuya geri gönderir.

Unutmayın:

  • Çerezlerin 4KB gibi çok küçük bir sınırı vardır.
  • Her istekte gönderilirler, bu da işlemleri yavaşlatabilir.
  • Çerezlerde asla şifre saklamayın.

Tarayıcı Önbelleği

Önbellek; resimler, CSS ve JavaScript gibi ağır dosyaları saklar. Amacı hızdır.

Nasıl çalışır:

  • Bir siteyi ilk kez ziyaret edersiniz.
  • Tarayıcınız tüm dosyaları indirir ve önbelleğe kaydeder.
  • Bir sonraki ziyaretinizde tarayıcı, dosyaları internet yerine cihazınızdan yükler.

Avantajları:

  • Sayfalar çok daha hızlı yüklenir.
  • Daha az internet bant genişliği kullanır.
  • Sunucu üzerindeki yükü azaltır.

Web Depolama

Bu bir HTML5 özelliğidir. Web sitelerinin verileri anahtar-değer (key-value) çiftleri olarak saklamasına olanak tanır. Her istekte sunucuya gönderilmediği için çerezlerden daha verimlidir.

İki türü vardır:

  • Yerel Depolama (Local Storage): Tarayıcıyı kapatsanız bile veriler kalır. Yaklaşık 5MB ile 10MB arası veri tutabilir.
  • Oturum Depolaması (Session Storage): Sekmeyi kapattığınızda veriler kaybolur.

Kullanım durumları:

  • Yerel depolama, karanlık mod ayarları için harikadır.
  • Oturum depolaması, geçici form verileri için iyi çalışır.

Özet

  • Oturumlar ve sunucu iletişimi için Çerezleri kullanın.
  • Statik varlıklarla site yüklemesini hızlandırmak için Önbelleği kullanın.
  • Daha büyük miktardaki istemci tarafı veriler için Web Depolamayı kullanın.

Kaynak: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h