2

Tengo un documento HTML, con una etiqueta img, según entiendo cada vez que se añade una etiqueta de este tipo obtiene de una ruta en el servidor el recurso (imagen), tengo un documento en el cual voy a obtener el la misma imagen en varios img de la siguiente manera:

<img src="/imagen1.jpg">
<img src="/imagen1.jpg">
<img src="/imagen1.jpg">
<img src="/imagen1.jpg">

La misma imagen se repetirá en varios img, tengo entendido que eso consume más ancho de banda y más carga para el servidor, ¿hay alguna forma de que una vez obtenida la imagen del lado del navegador se pueda reutilizar directamente del navegador mediante elementos img?

1
  • 3
    Los navegadores desde hace mucho tiempo implementan lo que se llama cache. Por lo tanto no será cargada la imagen directamente del servidor, sino que será cargada desde la caché del navegador. Todo esto siempre y cuando no exista o no esté establecida la cabecera no-cache, y que las cabeceras de caché estén correctamente configuradas en el lado del servidor. Por lo tanto, no es necesario implementar nada en el lado del cliente, ya que el navegador lo hace por nosotros. Saludos Commented el 8 nov. 2019 a las 18:35

1 respuesta 1

1

Realmente el navegador ya hace eso, te explicaré el ciclo.

El navegador antes de solicitar algo, primero verifica que no esté en su caché, como puedes ver en la siguiente imagen, se hace la petición a la imagen una sola vez, ya que no tiene caso volver a solicitar un contenido que ya se descargó.

introducir la descripción de la imagen aquí

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.