Как добавить разрешение изображения в тег img, чтобы улучшить использование сети?

В Google Chrome есть вкладка, встроенная в Инструменты разработчика, и одна из ревизий говорит мне, что использование сети можно улучшить, установив конкретную ширину и высоту для ВСЕХ изображений на странице.

Chrome Audits

Насколько правдива эта информация и как это меняет дело?

3 ответа

Решение

Установка высоты и ширины абсолютно ничего не сделает для использования сети.

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

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

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

Другие вопросы по тегам