¿Anclar href de una imagen hace que se descargue?

Question

Así que estaba usando yslow para firefox y el peso de mi página era muy alto. Mi página tiene una imagen principal del producto y luego quizás 10 miniaturas. Si hace clic en una miniatura, la imagen se abre en una ventana emergente hecha a través de jquery. El problema es que yslow está incluyendo incluso los objetivos de las miniaturas como parte del peso de la página, así que supongo que por alguna razón las imágenes se están descargando.

Por ejemplo, tengo:

<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

Sería esto html normal de hacer que la "carga/topview.jpg" para descargar automáticamente? ¿O es el plugin jquery "nyroModal"? Prefiero que las imágenes no se carguen previamente, eso desperdiciará mucho ancho de banda.

Así que mi pregunta es, ¿un navegador intenta automáticamente descargar archivos de imágenes que están en la propiedad href de anclas, o es el plugin que probablemente está causando esto?

Gracias por cualquier dirección que pueda darme.

Answer 1

No, el navegador no descarga ese href por sí mismo. Supongo que tu plugin jquery está siguiendo el enlace para precargarlo. Cómo deshabilitar eso es probablemente en los documentos del complemento en alguna parte.

Answer 2

Como dijo Squeegy, el navegador no está haciendo esto por sí mismo ... Miré el sitio web nyroModal y tampoco forma parte del código predeterminado para ese complemento.

Imágenes de precarga no se considera ser una parte del complemento, a medida que probable que tenga que cargar previamente otras imágenes para su sitio web. Si necesita hacer entonces, puede usar este código.

Entonces, ¿tiene otro código en algún otro lado que esté haciendo la precarga? Aquí hay una función de imagen de precarga básica que puede usar para encontrar dónde está sucediendo esto. Busque su código para la parte = new Image() y quizás pueda encontrarlo.

function preloadImg(image) { 
    var img = new Image(); 
    img.src = image; 
    } 

Answer 3

su código es:

<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

actualizarlo a,

<a download="imagename.jpg" href="/upload/thumb/t_topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

Enjoy .. :)