¿Por qué mi sitio web local (no alojado) puede cargar íconos desde enlaces CSS externos sin Internet?

Question

Estoy creando un sitio web y probando algunos íconos de algún enlace CSS externo de Google. Escribí el enlace externo en el archivo index.html y todo funcionó bien. Entonces se me ocurrió la idea de probar qué pasaría si no tengo internet. Esperaba que los íconos no se cargaran. Se cargaron bien, aunque no tengo acceso a internet. ¿Por qué pasó eso? ¿Cómo es eso posible?

Answer 1

Esto se debe a que su navegador almacena en caché los archivos. El almacenamiento en caché guarda temporalmente los datos que ve en su disco duro. Esto incluye el texto y las imágenes de las páginas web y, por tanto, los iconos en cuestión.

¿Cuál es el propósito del almacenamiento en caché de datos? Velocidad. Al descargar los archivos localmente, no tiene que descargar los datos repetidamente mientras navega por el sitio web, ni volver a consultarlos en una fecha/hora posterior. En algunos casos, el tiempo ahorrado es insignificante, pero en otros, puedes ver visiblemente que las páginas se cargan instantáneamente, ya que ya tienes los datos.

Como la gente mencionó en los comentarios, si borra el caché de su navegador, los íconos desaparecerán. Sin embargo, si abre un navegador diferente y lo prueba, los íconos no aparecerán, ya que ese navegador nunca los almacenó en caché.

Como nota al margen, algunos navegadores incluso almacenan en caché datos de páginas que ni siquiera has visto todavía. Esto se llama búsqueda previa. Mientras mira una página web, el navegador navegará por los enlaces en segundo plano y comenzará a descargar esas páginas en su caché, para que se carguen más rápido en caso de que haga clic en esos enlaces.