Будут ли разной скорость загрузки трех изображений из одного источника и трех изображений из разных?

Question

[svoboda200786]

Предположим у меня три изображения с одним источником:

<img src="img_girl.jpg" alt="Girl in a jacket" width="250" height="300"> 
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600"> 
<img src="img_girl.jpg" alt="Girl in a jacket" width="1000" height="1200">

Будут ли они загружаться столько же времени, что и три изображения из трех разных источников?

Comments

[iBird Rose]

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

Answer 1

[AUser0]

Одно и тоже изображение? С одного сервера оно скачается один раз, попадёт в кеш браузера, и будет показано везде, где указано. С разных серверов - будет качаться отдельно, с каждого сервера, и храниться в кеше - отдельно...

Если изображения разные - разные сервера ускорят загрузку, потому что будет 3 одновременных соединения.

Answer 2

[Сергей Соколов]

HTML

• Три тега с общим одинаковым src загрузят картинку один единственный раз и покажут в трёх местах.
  
• Три тега с разными src загрузят три разные картинки.
  

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

HTTP

Случай трёх разных картинок ещё интересно рассмотреть с т.з. передачи от сервера в браузер.

Если веб сервер работает по протоколу HTTP/1.1, то 3 картинки это 3 разных запроса. Для каждого устанавливается новое соединение. Скачивание идёт параллельно.
Если по протоколу HTTP/2, то соединение одно, и 3 запроса выстроятся последовательно. Экономия на установлении новых соединений.

В теории оба варианта используют доступный канал по максимуму, поэтому HTTP/2 должен быть быстрее за счёт экономии на времени установления новых соединений.
Какой из двух протоколов окажется быстрее на практике, зависит ещё и от внешних факторов, поэтому сложно однозначно заявить.

В любом случае, скачивание трёх разных картинок не быстрее скачивания одной из них.