A.У меня есть 9 PSD-файлов, каждый из которых имеет размер 400 на 400 пикселей, а затем каждый из них «сохраняется для Интернета» в Photoshop с предустановкой JPEG High Quality.Общий размер этих 9 файлов jpg составляет 249 КБ, в среднем каждый файл находится в диапазоне от 26 до 30 КБ.
B.В Photoshop я создаю новый пустой файл, 1200 на 1200 пикселей.Поместите эти 9 PSD-файлов в этот новый файл в сетке 3x3, а затем «сохраните для Интернета» с предустановкой JPEG Medium Quality.Размер этого одного большого (1200px) jpg файла составляет 110 КБ.
Из A я создаю HTML-страницу примерно так: (test-A.html)
<div>
<img src="01.jpg" width=150 height=150>
<img src="02.jpg" width=150 height=150>
<img src="03.jpg" width=150 height=150>
</div>
<div>
<img src="04.jpg" width=150 height=150>
<img src="05.jpg" width=150 height=150>
<img src="06.jpg" width=150 height=150>
</div>
<div>
<img src="07.jpg" width=150 height=150>
<img src="08.jpg" width=150 height=150>
<img src="09.jpg" width=150 height=150>
</div>
Из B я делаю HTML-страницу примерно так: (test-B.html)
<img src="large.jpg" width=450 height=450>
Так что теперь у меня есть два HTML-файла, test-A.html и test-B.html.Я загружаю все изображения и два HTML-файла, а затем вызываю каждую ссылку в своем браузере.
Мне кажется, что test-A.html загружается быстрее, чем test-B.html.Но так как мое интернет-соединение ненадежно, я не совсем уверен, какое из них будет загружаться быстрее.
Я попробовал три онлайн-инструмента (X, Y, Z), чтобы проверить скорость загрузки страницы.,Но отчет другой.
Из X отчет о скоростной загрузке test-A.html быстрее, чем test-B.html
Из Y, отчет о скоростной загрузке test-A.html быстрее, чем test-B.html
НО из Z, отчет о скорости загрузки test-A.html медленнее, чем test-B.html
Мой вопрос:
Есть лилюбая другая скорость загрузки между одной html-страницей состоит из нескольких маленьких изображений (400x400 в общей сложности 249kb) - по сравнению с html-страницей, состоящей из одного большого изображения (1200x1200 in 110kb)?
Если существует другая, какой из них на самом деле будет загружаться быстрее (может быть, теоретически?) между моим test-A.html и test-B.html?
Если между ними нет ничего другого, пожалуйста, полностью проигнорируйте мой вопрос:).