Si una imagen se carga en una página web y luego se carga en una página diferente pero en el mismo sitio web, ¿se descargará nuevamente o se guardará en el navegador?

Aunque ambas respuestas de Ashim D’Silva y Bora Yalcin son correctas, también debe figurar en el conjunto de caducidad de caché en los encabezados HTTP. El servidor puede indicar explícitamente durante cuánto tiempo se debe almacenar en caché una imagen y si se debe verificar el recurso para ver si hay cambios. Puede usar el encabezado Cache-control para esto, que en un archivo de configuración de Apache toma esta forma:

# 1 año
Conjunto de encabezado Cache-Control “max-age = 31536000, public”

Para que la imagen pueda ser almacenada en caché por un navegador por un período máximo de un año, y también por un servidor proxy (público). La mejor práctica es asegurarse de que las imágenes tengan una caducidad de caché larga y que los archivos html, por ejemplo, no:

# 2 horas
Conjunto de encabezado Cache-Control “max-age = 7200, must-revalidate”

En general, los proveedores de alojamiento eligen una caducidad de la memoria caché larga para las imágenes, aunque solo sea para evitar tráfico de red innecesario entre el host y el cliente. Sin embargo, la caducidad de la memoria caché para JavaScript y CSS es una combinación, y para garantizar el almacenamiento en caché 9 de cada 10 veces, tengo que configurar esto yo mismo.

En la mayoría de los casos, el navegador almacenará en caché la imagen, por lo que no tendrá que volver a descargarla. No importa si es una página diferente o un sitio web diferente, lo que importa es la dirección de la imagen. Si diferentes sitios usan la misma dirección de imagen, entonces el navegador sabrá obtener la misma imagen que guardó en lugar de volver a descargar.

Por ejemplo, si la URL es:

http://q.miximages.com/39000/Web Performance / puppy.jpg

Entonces, ya sea que se use en Google o Apple, se almacenará en caché en su navegador y se servirá desde allí.

A menos que impida el almacenamiento en caché (como deshabilitar el caché, volver a cargar o poner un parámetro único al final como? T = 2131231312 que cambia en cada solicitud), mostrará la imagen del caché.