Recentemente eu um dos meus projetos pessoais me questionei sobre quando deveria utilizar cookie e localStorage, ou seja, qual a diferença e propósito de cada um deles.
Apesar de eu conhece-los, resolvi escrever sobre o assunto para clarear.
Básico de Cookies
O que são cookies? Certamente eu afirmo que não são aqueles biscoitos com chocolate que compramos no mercado. Eles são pequenos arquivos localizados no computador de um usuário.
São projetados para conter informações de dados específicos de um cliente e um site, podem ser acessados pelo servidor ou pelo computador do usuário.
Permite entregar customizações de uma página para um usuário em particular, é capaz de transportar informações de uma visita ao site.
Então, o que contém nesse arquivo cookie? É uma tabela de consulta contento pares de chave e valor de dados. É uma forma de carregar informações de uma sessão de um site
ou entre sessões de sites relacionados, sem sobrecarregar uma máquina de servidor com enorme quantidade de armazenamento de dados.
Se armazenássemos os dados no servidor sem usar cookies, estaríamos adicionando uma complexidade para recuperar as informações de um usuário particular em cada visita do site.
Além disso, o cookie poderia expirar após um período de tempo.
Básico de localStorage
O que é localStorage? É uma forma para armazenar dados no computador do cliente. Também permite salvar chave e valor sem data de expiração.
Somente podem ser acessados via Jscript e HTML5. Contudo, usuário podem limpar dados/cache de todos localStorage. É uma forma simplista de cookie, proporcionando maior capacidade de
armazenamento. O tamanho disponível é de 5 KM, o que é mais espaçoso do que um cookie de 4KB. Também os dados de um localStorage não são enviados de volta ao servidor para cada solicitação
HTTP, o que reduz o tráfego entre o cliente e o servidor.
Portanto, os dados armazenados só estarão disponíveis na mesma origem.
Diferenças entre cookies e localStorage
Cookies e localStorage servem para propósitos diferentes. Cookies são principalmente para leitura no lado do servidor, enquanto localStoragre pode ser lido somente pelo lado do cliente.
Outra grande diferença é o tamanho que pode ser armazenado.
Concluindo, ao utilizar a grande questão que deverá realizar é, a aplicação precisa ter leitura de dados do lado do servidor ou somente no cliente?
Andre Rezende 