Os browsers guardam pequenos pedaços de dados dos sites que visitas. Conhece os diferentes tipos de armazenamento do browser e como mantêm a tua experiência fluida entre visitas.
Já chegaste a um site e encontraste-o exatamente onde o deixaste? As tuas definições continuam lá, a página parece familiar e nada parece ter voltado ao início. Provavelmente sentiste-te bem porque o site se lembrou de ti. Isso é o armazenamento do browser a fazer o seu trabalho.
O teu browser guarda pequenos pedaços de informação dos sites que visitas para manter a experiência fluida e consistente. Perceber os tipos de armazenamento do browser ajuda a explicar como funcionam os sites modernos, para além de páginas e ligações. Vamos ver os diferentes tipos.
O que é o armazenamento do browser?
O armazenamento do browser é uma forma de os sites guardarem pequenos pedaços de informação diretamente no browser do utilizador. Esta informação guardada ajuda os sites a lembrar-se de alguns detalhes e a comportar-se de forma consistente quando os utilizadores navegam ou voltam mais tarde.
Em vez de dependerem só dos servidores para obter tudo de novo, repetidamente, os browsers guardam alguns dados localmente. Isto torna os sites mais rápidos, mais reativos e mais fáceis de usar. Os utilizadores normalmente não reparam, mas muitos comportamentos comuns dos sites dependem disto.
Sem armazenamento do browser, os sites pareceriam repetitivos e menos eficientes, voltando ao início mais vezes do que o esperado. Perceber o armazenamento do browser ajuda-te a ver como os browsers apoiam ativamente os sites, em vez de apenas mostrarem páginas.
Tipos de armazenamento do browser
Cookies
Os cookies são pequenos pedaços de dados guardados no browser e partilhados com o servidor do site. São muito usados para guardar informação que tem de ser devolvida ao servidor durante as interações com o site. Os cookies são muitas vezes usados para gerir sessões, lembrar preferências básicas e apoiar funcionalidades relacionadas com o login. Podem ser definidos para expirar passado algum tempo ou ficar guardados por períodos mais longos. Como os cookies são incluídos na comunicação com o servidor, têm um tamanho limitado e são usados com cuidado.
Local storage
O que é o localStorage? É uma forma simples e rápida de os sites guardarem informação não sensível diretamente no browser, sem prazo de validade. Os dados guardados no local storage mantêm-se mesmo depois de o browser ser fechado e reaberto. Este tipo de armazenamento é muito usado para guardar preferências, definições ou informação que deve persistir entre visitas. Os dados do local storage só são acessíveis ao site que os criou.
Session storage
O session storage ajuda os sites a gerir estados temporários sem manterem dados mais tempo do que o necessário. É semelhante ao local storage, mas temporário. Os dados aqui guardados existem apenas enquanto o separador do browser estiver aberto. Quando o separador ou o browser é fechado, os dados guardados são removidos automaticamente. Isto torna o session storage útil para informação que só deve durar durante uma única visita. A diferença principal ao comparar localStorage e sessionStorage é a persistência: o local storage fica até o apagares, o session storage desaparece quando o separador fecha.
IndexedDB
O IndexedDB oferece mais flexibilidade do que as opções básicas de armazenamento. É uma forma mais avançada de armazenamento do browser, pensada para guardar dados maiores e mais estruturados. Com este armazenamento, os sites conseguem guardar informação complexa diretamente no browser. Este tipo de armazenamento é muitas vezes usado em aplicações que precisam de acesso offline ou que tratam grandes quantidades de dados. Embora quem está a começar não precise de o usar de imediato, perceber a sua finalidade ajuda a explicar como funcionam as aplicações web avançadas.
Cache storage
O cache storage é importante para os sites modernos focados no desempenho. É usado para guardar ficheiros do site, como imagens, folhas de estilo e scripts. Isto permite aos browsers reutilizar ficheiros em vez de os descarregarem de novo. Usar o cache storage melhora a velocidade de carregamento do site e reduz pedidos de rede repetidos. Tem um papel importante no desempenho do site e na experiência do utilizador.
O armazenamento do browser e a cache trabalham em conjunto para tornar os sites mais rápidos e mais reativos. A cache guarda ficheiros do lado do servidor ou no browser para acelerar o carregamento das páginas, enquanto o armazenamento do browser guarda pequenos pedaços de dados que ajudam os sites a lembrar-se das tuas preferências e ações. Em conjunto, são o que faz os sites modernos parecerem fluidos e personalizados.
Perguntas frequentes
Um site pode aceder ao armazenamento do browser de outro site?
Não. O armazenamento do browser é isolado por site. Os dados guardados por um site não podem ser lidos nem alterados por outro site. É uma funcionalidade de segurança incluída em todos os browsers. Significa que as tuas preferências num site se mantêm privadas e não podem ser acedidas por nenhum outro site que visites.
O armazenamento do browser é seguro?
O armazenamento do browser é razoavelmente seguro para dados não sensíveis, como preferências, temas e definições de visualização. Mas nunca deves guardar palavras-passe, dados de pagamento ou informação pessoal no armazenamento do browser, porque pode ser acedido por scripts que correm na página. Os dados sensíveis devem ser sempre tratados do lado do servidor, com a devida encriptação SSL.
O que acontece aos dados guardados quando limpas o browser?
Quando limpas os dados do browser, todo o local storage, session storage, cookies e ficheiros em cache são apagados. Isto significa que todas as preferências guardadas, estados de login e conteúdo guardado pelos sites desaparecem. Na próxima vez que visitares esses sites, eles tratam-te como um novo visitante. É por isso que alguns sites te pedem para iniciares sessão de novo depois de limpares o browser.
Quantos dados pode guardar o local storage?
A maioria dos browsers permite cerca de 5 a 10 megabytes de local storage por site. É muito para guardar preferências, definições e pequenos pedaços de dados, mas não chega para ficheiros grandes como imagens ou vídeos. Para necessidades de dados maiores, o IndexedDB ou o cache storage são melhores opções. Para a maioria dos sites de marcas, 5 MB de local storage são mais do que suficientes.
O armazenamento do browser pode ser usado para acompanhar utilizadores?
Tecnicamente, sim. Os sites podem guardar identificadores únicos no local storage ou em cookies para reconhecer visitantes que regressam. Isto é comum na análise e na personalização. As regras de privacidade exigem transparência sobre a forma como estes dados são usados, e é por isso que existem avisos de consentimento. Lê mais sobre consentimento de cookies e RGPD para perceberes as regras.
Todos os browsers suportam os mesmos tipos de armazenamento?
Todos os browsers modernos suportam cookies, local storage, session storage, IndexedDB e cache storage. Os browsers mais antigos podem ter suporte limitado para alguns destes, mas representam hoje uma percentagem muito pequena do tráfego web. Se estás a criar o teu site num sistema moderno como o criador de websites da WEMASY, a compatibilidade com os browsers é tratada por ti e os teus visitantes têm uma experiência consistente, qualquer que seja o browser que usem.