Come i browser memorizzano i dati

I browser fanno molto più che mostrare siti web. Agiscono come gestori di dati locali. Memorizzano informazioni sul tuo dispositivo per rendere la navigazione più veloce e semplice.

Dovresti conoscere i tre modi principali in cui i browser memorizzano i dati:

• Cookie • Cache del browser • Web Storage

Cookie I cookie sono piccoli file di testo. I siti web li usano per ricordarsi di te. Memorizzano le tue sessioni di login e le impostazioni della lingua.

Come funzionano:

  • Visiti un sito.
  • Il sito invia un cookie al tuo browser.
  • Il tuo browser lo salva.
  • Alla visita successiva, il tuo browser invia nuovamente quel cookie al server.

Tieni a mente:

  • I cookie hanno un limite minimo di 4KB.
  • Vengono inviati con ogni richiesta, il che può rallentare le prestazioni.
  • Non memorizzare mai le password nei cookie.

Cache del browser La cache memorizza file pesanti come immagini, CSS e JavaScript. Il suo obiettivo è la velocità.

Come funziona:

  • Visiti un sito per la prima volta.
  • Il tuo browser scarica tutti i file e li salva nella cache.
  • La volta successiva che visiti il sito, il browser carica i file dal tuo dispositivo invece che da internet.

Vantaggi:

  • Le pagine si caricano molto più velocemente.
  • Utilizza meno larghezza di banda internet.
  • Riduce il carico sul server.

Web Storage Questa è una funzionalità di HTML5. Consente ai siti di memorizzare i dati come coppie chiave-valore. È più efficiente dei cookie perché non viene inviata al server con ogni richiesta.

Esistono due tipi:

  • Local Storage: i dati rimangono anche se chiudi il browser. Può contenere circa 5MB - 10MB.
  • Session Storage: i dati scompaiono quando chiudi la scheda.

Casi d'uso:

  • Il local storage è ottimo per le impostazioni della modalità scura.
  • Il session storage funziona bene per i dati temporanei dei moduli.

Riepilogo

  • Usa i cookie per le sessioni di login e la comunicazione con il server.
  • Usa la cache per velocizzare il caricamento del sito con asset statici.
  • Usa il Web Storage per quantità maggiori di dati lato client.

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