Por que meu site local (não hospedado) pode carregar ícones de links CSS externos sem internet?

Question

Estou fazendo um site e testando alguns ícones de algum link CSS externo do Google. Escrevi o link externo no arquivo index.html e tudo funcionou bem. Aí tive a ideia de testar o que aconteceria se eu não tivesse internet. Eu esperava que os ícones não fossem carregados. Eles carregaram bem, embora eu não tenha acesso à internet. Por que isso aconteceu? Como isso é possível?

Answer 1

Isso ocorre porque o seu navegador armazena os arquivos em cache. O cache salva temporariamente os dados que você visualiza em seu disco rígido. Isso inclui o texto e as imagens nas páginas da web e, portanto, os ícones em questão.

Qual é o propósito de armazenar dados em cache? Velocidade. Ao baixar os arquivos localmente, você não precisa baixar os dados repetidamente enquanto navega no site ou voltar a ele em uma data/hora posterior. Em alguns casos, o tempo economizado é insignificante, mas em outros, você pode ver visivelmente o carregamento das páginas instantaneamente, pois você já possui os dados.

Como as pessoas mencionaram nos comentários, se você limpar o cache do navegador, os ícones desaparecerão. No entanto, se você abrir um navegador diferente e testá-lo, os ícones não aparecerão, pois nunca foram armazenados em cache por esse navegador.

Por outro lado, alguns navegadores até armazenam em cache dados de páginas que você ainda nem acessou. Isso é chamado de pré-busca. Enquanto você visualiza uma página da web, o navegador navegará pelos links em segundo plano e começará a baixar essas páginas em seu cache, apenas para que carreguem mais rápido caso você clique nesses links.