HTML Chrome Audit Укажите размеры изображения

Question

Я только начал использовать инструменты разработчика chrome для некоторых базовых html-сайтов и использовал инструмент аудита.

У меня было два одинаковых изображения, одно с атрибутом высоты и ширины, а другое без. В разделе «Ресурсы» задержка и время загрузки были идентичны. Тем не менее, аудит показал

Specify image dimensions (1) A width and height should be specified for all images in order to speed up page display.

Это действительно помогает? И есть ли другие способы ускорить время страницы?

Это всего лишь заставка для веб-сайта, который я создаю, и, таким образом, это только HTML, никакой CSS, Javascript или что-то еще. Я уже сжал изображения, но я хочу еще больше ускорить загрузку. Есть ли способ?

Answer 1

В целом: если вы укажете размеры изображения в теге <img>, браузер узнает, сколько места для него выделено, и продолжит визуализацию остальной части страницы, одновременно загружая изображение. В противном случае браузеру придется подождать еще несколько миллисекунд, чтобы получить размер изображения из самого изображения, прежде чем отображать оставшуюся часть страницы.

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