Заставляет ли якорь href изображения загружать его?

Question

Так что я использовал yslow для firefox, и мой вес страницы был очень высоким. На моей странице есть изображение основного продукта и, возможно, 10 миниатюр. Если вы щелкнете по миниатюре, изображение откроется во всплывающем окне, выполненном с помощью jquery. Проблема в том, что yslow перечисляет даже цели миниатюр как часть веса страницы, поэтому я думаю, что по какой-то причине изображения загружаются.

Например, у меня есть:

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

Будет ли этот обычный html автоматически загружать файл "upload / topview.jpg"? Или это плагин jquery "nyroModal"? Я бы предпочел, чтобы изображения не были предварительно загружены, что тратило бы большую пропускную способность.

Так что мой вопрос: браузер автоматически пытается загрузить файлы изображений, которые находятся в свойстве href якорей, или плагин, скорее всего, вызывает это?

Спасибо за любое направление, которое вы можете дать мне.

Answer 1

Нет, браузер не загружает href самостоятельно.Я думаю, ваш плагин jquery идет по ссылке, чтобы предварительно загрузить его.Как отключить это, вероятно, в документах плагина где-то.

Answer 2

Как сказал Squeegy, браузер не делает это самостоятельно ... Я посмотрел на веб-сайт nyroModal, и он не является частью кода по умолчанию для этого плагина.

Предварительная загрузка изображений не считается быть частью плагина, как вы вероятно, нужно предварительно загрузить другие изображения для вашего сайта. Если вам нужно сделать Итак, вы можете использовать этот код.

Итак, у вас есть другой код где-то еще, который выполняет предварительную загрузку? Вот базовая функция предварительной загрузки изображения, которую вы можете использовать, чтобы найти, где это происходит. Найдите в своем коде часть = new Image(), и вы сможете ее найти.

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

Answer 3

Ваш код:

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

Обновить до

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

Наслаждайтесь ..:)