2012-01-20 2 views
0

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

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="">?

Спасибо!

+0

Вы должны измерить разницу между ними, чтобы узнать. Если разница слишком мала для измерения, то это не стоит оптимизировать. – Douglas

+0

Указание размера изображения явно имеет то преимущество, что устраняет эффект «поп» после его загрузки, не думайте, что это имеет значение для фактического времени загрузки (но восприятие так же важно, если не больше, чем «жесткие числа» tbh). – Seramme

+0

Спасибо, ребята! Я оставлю абсолютные пути одинаковыми. Я оставлю все изображения, которые имеют фактические (соответствующие фактическому изображению) высоты и ширины, одинаковы. – user927901

ответ

0

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

Предположим, у меня есть изображение 100x100px, и я хочу его показать. Означает ли это 'IMG SRC = "test.jpg" высота = 100" ширина = "100" альт = ""' нагрузки медленнее, чем это 'IMG SRC = "test.jpg" альт = ""'?

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

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

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

0

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

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

1

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

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

0

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

0

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

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

Я просто сделал несколько быстрых погуглите и нашел эту ссылку:

Вот некоторая информация http://www.boogiejack.com/server_paths.html

Google «относительный против абсолютных путей изображения SEO»

0

несколько байт, вероятно, не делают, что большая разница в день и возраст 1080p потокового видео. Минимизация JavaScript, сжатие изображений и т. Д., Вероятно, имеет гораздо больший эффект.