Уменьшает ли установка реальной высоты HTML и ширины изображения время загрузки?

Question

У меня есть веб-сайт, и я хочу улучшить его производительность. Я исправил все распространенные проблемы, но у меня есть два вопроса:

1) Допустим, у меня есть изображение размером 100x100 пикселей, и я хочу его показать. Это <img src=" test.jpg" height=100" width="100" alt=""> загружается медленнее, чем <img src=" test.jpg" alt="">?

2) Допустим, мой домен www.test.com. Абсолютные пути HTTP в том же домене загружаются медленнее, чем относительные пути?
Является ли <img src=" http://www.test.com/test.jpg" alt=""> медленнее, чем <img src=" test.jpg" alt="">?

Спасибо!

Answer 1

1) Он определенно будет не загружаться быстрее, если вы установите ширину и высоту, хотя он будет выглядеть лучше в браузере, потому что, если вы не укажете их, браузер будет использовать стандартный размер и когда изображение загрузится, оно изменится на фактический размер, так что вы увидите, что все движется (перекомпоновка).

2) Совсем нет, браузер в любом случае определяет абсолютный путь, поэтому запрос на изображение точно такой же.

Answer 2

В обоих случаях ответ зависит от реализации браузера.Вот некоторые предположения:

Допустим, у меня есть изображение размером 100x100 пикселей, и я хочу его показать.Это 'img src = "test.jpg" height = 100 "width =" 100 "alt =" "" загрузка медленнее, чем эта' img src = "test.jpg" alt = "" '?

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

Допустим, мой домен www.test.com. Не загружают ли абсолютные пути HTTP в том же домене медленнее, чем относительные пути? Is 'img src = "http://www.test.com/test.jpg" alt = "" 'медленнее, чем' img src = "test.jpg" alt = "" '?

Относительный URL может быть медленнее в случае имени доменанеобходимо запрашивать, но в большинстве случаев запросы будут конвейерными, поэтому вы не увидите никаких реальных отличий.

Answer 3

Несколько байтов, вероятно, не имеют большого значения для дня и возраста потокового видео 1080p. Сокращение JavaScript, сжатие изображений и тому подобное, вероятно, имеют гораздо больший эффект.

Answer 4

1).Загрузка изображений будет одинаковой независимо от того, какие атрибуты изображения установлены .. браузер все равно должен загружать тот же объем содержимого .. изображение должно быть оптимизировано для его использования

2).Используйте относительные пути .. в противном случае браузер перемещается по сети, чтобы вернуться к изображению, когда он находится в относительной директории

Я только что немного прогуглил и нашел эту ссылку:info http://www.boogiejack.com/server_paths.html

Google "Относительные и абсолютные пути к изображениям SEO"

Answer 5

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

Answer 6

Указание размеров позволяет браузеру создать пространство правильного размера для изображения до его загрузки. Это позволяет избежать перекомпоновки текста, когда изображение действительно загружается.

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