Il local storage permette ai siti di salvare dati direttamente nel tuo browser, così restano tra una visita e l’altra. Scopri come funziona, a cosa lo usano i siti e cosa significa per il tuo sito.
Ti è mai capitato di impostare una preferenza su un sito, chiudere la scheda e tornare più tardi trovando tutto come l’avevi lasciato? Le impostazioni di visualizzazione erano le stesse, gli elementi salvati c’erano ancora e non hai dovuto configurare nulla di nuovo. È il local storage che fa il suo lavoro in silenzio, in background.
Nel capitolo precedente sui tipi di storage del browser abbiamo presentato il local storage come uno dei modi principali in cui i browser conservano i dati. Questo capitolo approfondisce cos’è davvero il local storage, come funziona e che ruolo ha sul tuo sito.
Cos’è il local storage?
Il local storage è un tipo di storage del browser che permette ai siti di salvare piccoli dati direttamente sul dispositivo del visitatore. Questi dati restano nel browser anche dopo che il visitatore chiude la scheda o spegne il computer. La volta successiva che visita lo stesso sito, il browser ha ancora quei dati a disposizione e il sito può usarli per ripristinare lo stato precedente.
È ciò che distingue il local storage dal session storage, che si svuota quando la scheda si chiude. Il local storage è persistente. Non ha una scadenza automatica. I dati restano finché l’utente non pulisce il browser, o finché il sito stesso non li rimuove.
Come funziona il local storage?
Il local storage funziona come un semplice archivio chiave-valore. Pensalo come un piccolo blocco note dentro il browser, dove un sito può annotare informazioni usando un’etichetta e un valore. L’etichetta è la chiave e l’informazione salvata sotto di essa è il valore. Quando il sito ha di nuovo bisogno di quell’informazione, cerca la chiave e recupera il valore.
Per esempio, un sito può salvare una chiave chiamata "theme" con il valore "dark" quando un visitatore passa alla modalità scura. La volta successiva che quel visitatore torna, il sito controlla il local storage, trova la chiave "theme", legge il valore "dark" e applica la modalità scura in automatico, prima ancora che la pagina sia mostrata del tutto.
Ogni sito ha il proprio local storage isolato. Un sito può leggere e scrivere solo i propri dati. Non può vedere cosa ha salvato un altro sito. Questo isolamento è una funzione di sicurezza integrata in ogni browser.
A cosa serve il local storage ai siti?
Salvare le preferenze dell’utente
Impostazioni di visualizzazione, preferenze di lingua, scelte di tema e opzioni di layout sono tutte cose comuni salvate nel local storage. Sono preferenze non sensibili che migliorano l’esperienza quando un visitatore torna.
Conservare elementi tra una sessione e l’altra
Alcuni siti usano il local storage per conservare elementi con cui un visitatore ha interagito, come una lista di lettura, una lista dei desideri o gli elementi visti di recente, così li ritrova alla visita successiva anche senza aver effettuato l’accesso.
Ridurre le richieste al server
Quando un sito salva le informazioni in locale, può recuperarle subito dal browser invece di fare ogni volta una richiesta al server. Questo velocizza l’esperienza per i visitatori che tornano e riduce il carico sul backend.
Mantenere lo stato nei moduli e nei processi a più passaggi
Alcuni siti usano il local storage per salvare temporaneamente l’avanzamento in un modulo a più passaggi o in un processo di acquisto. Se un visitatore chiude la scheda per sbaglio, i suoi progressi non vanno persi quando torna.
Quali sono i limiti del local storage?
Il local storage è pensato per dati piccoli. La maggior parte dei browser consente circa 5-10 megabyte per sito, tanti per preferenze e impostazioni ma non per file grandi o insiemi di dati complessi. Salva inoltre solo testo. Numeri, oggetti e array devono essere prima convertiti in testo per essere salvati e poi riconvertiti quando vengono recuperati.
Il local storage non è nemmeno il posto giusto per le informazioni sensibili. Poiché è accessibile a qualsiasi script in esecuzione sulla pagina, salvare password, dati personali o dati di pagamento nel local storage è un rischio per la sicurezza. I dati sensibili vanno sul server, protetti da SSL e da una corretta autenticazione.
Per un confronto diretto tra il local storage e gli altri tipi di storage, leggi i tipi di storage del browser.
Domande frequenti
Il local storage funziona senza connessione a internet?
Sì. Il local storage è salvato sul dispositivo del visitatore, non su un server. I dati sono disponibili anche quando il browser è offline. È uno dei motivi per cui il local storage si usa spesso insieme ai service worker e al cache storage per creare siti che funzionano in parte o del tutto offline.
Il local storage è condiviso tra browser diversi sullo stesso dispositivo?
No. Il local storage è specifico di ogni browser. Se salvi dati in un browser, non sono visibili in un altro browser sullo stesso dispositivo. Ogni browser mantiene il proprio local storage separato. Quindi un visitatore che passa da un browser all’altro non porta con sé le preferenze o i dati salvati.
I visitatori possono vedere o cancellare i dati del loro local storage?
Sì. Chiunque può aprire gli strumenti per sviluppatori del browser e vedere o cancellare i dati del local storage di qualsiasi sito. I visitatori possono anche cancellare tutti i dati del browser dalle impostazioni, e questo svuota completamente il local storage. Quindi i siti non dovrebbero fare affidamento sul local storage come fonte di dati permanente o garantita.
Che differenza c’è tra local storage e cookie?
I cookie vengono rimandati al server a ogni richiesta, e questo li rende adatti alla gestione delle sessioni e all’autenticazione. Il local storage resta solo nel browser e non viene mai inviato al server in automatico. Il local storage contiene anche più dati dei cookie e non ha una scadenza integrata. Ognuno è adatto a usi diversi, e i siti costruiti bene usano entrambi nel modo giusto.
Il local storage influisce sulla velocità del sito?
Leggere e scrivere nel local storage è molto veloce, quindi raramente causa problemi di velocità evidenti. Anzi, usare il local storage per mettere in cache le preferenze e ridurre le richieste al server può far sembrare un sito più veloce ai visitatori che tornano. L’effetto sulla velocità del sito è in genere positivo quando il local storage si usa con buon senso.
Devo gestire il local storage sul mio sito?
Se usi un creatore di siti, il local storage viene gestito in automatico dalla piattaforma per le funzioni che supporta. Non devi scrivere né configurare nulla. Il creatore di siti gestisce dietro le quinte le preferenze o la gestione dello stato che usano il local storage. Con il creatore di siti di WEMASY, tutto questo è integrato nel modo in cui funziona la piattaforma.