указывать размер изображения в html или нет

При тестировании моего сайта с помощью gtmetrix он предлагает следующее:

Скорость страницы

Укажите размеры изображения:

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

Подробная информация от Google

Когда браузер размещает страницу, он должен иметь возможность обтекать заменяемые элементы, такие как изображения. Он может начать рендеринг страницы даже до загрузки изображений, при условии, что он знает размеры, в которых должны быть обернуты незаменяемые элементы. Если в содержащем документе размеры не указаны или если указанные размеры не совпадают с размерами фактических изображений, браузер потребует перекомпоновки и перерисовки после загрузки изображений. Чтобы предотвратить перекомпоновку, укажите ширину и высоту всех изображений либо в теге HTML <img>, либо в CSS.

YSlow

Не масштабируйте изображения в HTML:

Масштабирование изображений в HTML может привести к ненужной потере полосы пропускания при загрузке больших изображений.

Подробная информация от Yahoo!

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

Итак, какой из них следовать? Должен ли я указывать размер изображения в html или нет?


image html css pagespeed yslow
person Navin Rauniyar    schedule 11.12.2015    source источник
comment
Я имею ввиду указать размерность или нет? какой из них следует понимать, следует ли мне следовать предложению Google или предложению Yahoo.   -  person Navin Rauniyar    schedule 11.12.2015
comment
Масштабирование и / или указание размеров изображения - это разные вещи. Я бы предпочел указать точный размер, чтобы не масштабировать. Таким образом вы позаботитесь о них обоих.   -  person DavidDomain    schedule 11.12.2015
comment
Да, если мой ide сделает это за меня; иначе нет.   -  person    schedule 11.12.2015
comment
@Dagon - Что такое иде? Он, он, он ... ;-)   -  person DavidDomain    schedule 11.12.2015
comment
@DavidDomain IDE означает текстовые редакторы, такие как блокнот, возвышенное и т. Д.   -  person Bhojendra Rauniyar    schedule 11.12.2015

Ответы (1)


arrow_upward
1
arrow_downward

Масштабирование и задание размеров изображения - разные вещи.

Масштабирование:

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

Дополнительные сведения можно найти в this.

Указание размеров изображения:

Это означает, что вы должны использовать оба атрибута, то есть ширину и высоту.

Вы также можете посмотреть это для более подробной информации.

Итак, что предлагает Google?

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

И что предлагает Yahoo?

Не масштабируйте изображения в html: это означает, что вы не должны просто определять только одну из ширины и высоты.

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

К вашему сведению, я добавляю это:

Указание размеров изображения также влияет на SEO. Таким образом, это плюс к SEO-оптимизации. Возможно, вы видели в поиске Google дополнительные возможности для поиска определенных изображений определенного размера.

person Bhojendra Rauniyar    schedule 11.12.2015
comment
Вы уверены, что указание размеров в HTML влияет на SEO? Я не могу придумать, почему. Кроме того, Google Image Search основывает свои данные на размерах самих изображений, а не на том, что говорит окружающий HTML. - person Mr Lister; 15.12.2015
comment
@MrLister Да, это влияет на SEO. stackoverflow.com/questions/32217863/ - person Bhojendra Rauniyar; 15.12.2015
comment
Google, чтобы найти доказательство. - person Bhojendra Rauniyar; 15.12.2015