Cara Browser Menyimpan Data

Browser melakukan lebih dari sekadar menampilkan situs web. Mereka bertindak sebagai pengelola data lokal. Mereka menyimpan informasi di perangkat Anda untuk membuat penjelajahan menjadi lebih cepat dan mudah.

Anda perlu mengetahui tiga cara utama browser menyimpan data:

• Cookies • Browser Cache • Web Storage

Cookies Cookies adalah file teks kecil. Situs web menggunakannya untuk mengingat Anda. Cookies menyimpan sesi login dan pengaturan bahasa Anda.

Cara kerjanya:

  • Anda mengunjungi sebuah situs.
  • Situs tersebut mengirimkan cookie ke browser Anda.
  • Browser Anda menyimpannya.
  • Pada kunjungan berikutnya, browser Anda mengirimkan kembali cookie tersebut ke server.

Perlu diingat:

  • Cookies memiliki batas yang sangat kecil, yaitu 4KB.
  • Cookies dikirimkan pada setiap permintaan, yang dapat memperlambat proses.
  • Jangan pernah menyimpan kata sandi di dalam cookies.

Browser Cache Cache menyimpan file berat seperti gambar, CSS, dan JavaScript. Tujuannya adalah kecepatan.

Cara kerjanya:

  • Anda mengunjungi sebuah situs untuk pertama kalinya.
  • Browser Anda mengunduh semua file dan menyimpannya di dalam cache.
  • Saat Anda berkunjung lagi, browser akan memuat file dari perangkat Anda alih-alih dari internet.

Keuntungan:

  • Halaman dimuat jauh lebih cepat.
  • Menggunakan lebih sedikit bandwidth internet.
  • Mengurangi beban pada server.

Web Storage Ini adalah fitur HTML5. Fitur ini memungkinkan situs menyimpan data sebagai pasangan kunci-nilai (key-value pairs). Ini lebih efisien daripada cookies karena tidak dikirimkan ke server pada setiap permintaan.

Ada dua jenis:

  • Local Storage: Data tetap ada meskipun Anda menutup browser. Kapasitasnya sekitar 5MB hingga 10MB.
  • Session Storage: Data hilang saat Anda menutup tab.

Contoh penggunaan:

  • Local storage sangat bagus untuk pengaturan mode gelap (dark mode).
  • Session storage bekerja dengan baik untuk data formulir sementara.

Ringkasan

  • Gunakan Cookies untuk sesi login dan komunikasi server.
  • Gunakan Cache untuk mempercepat pemuatan situs dengan aset statis.
  • Gunakan Web Storage untuk jumlah data sisi klien (client-side) yang lebih besar.

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