Помогает ли указание явных размеров изображения производительности сайта?
Я провел несколько проверок нового веб-приложения, которое мы собираемся запустить. Chromium предполагает, что при использовании сети некоторые изображения на нашем сайте не имеют явно заявленных размеров по высоте/ширине.
Действительно ли это поможет производительности? Помимо того, что браузеру не нужно решать, как отображать изображение, и в основном ему говорят использовать высоту X и ширину Y для изображения, как это может помочь "использованию сети"?
Любые другие комментарии относительно это было бы оценено по достоинству!
2 answers
Это поможет только производительности отдельного браузера. Это никоим образом не повысит загрузку сети. Когда браузер отображает html-код, он начнет выделять и размещать объекты, и если у него есть четкие инструкции о том, как выделить пространство, макет анализируется, в то время как изображение продолжает загружаться в фоновом режиме. При современных скоростях широкополосной загрузки это становится все меньшей и меньшей проблемой, но все еще заметно. Если вы когда-нибудь заходили на страницу с большим количеством изображений (http://www.skysports.com /является примером), который явно не устанавливает размеры изображений, вы заметите, что страница скачет и пропускается, когда изображения загружаются в dom, и браузер обновляет интерфейс, чтобы компенсировать новый размер. При четком определении размера изображения этот нервный опыт устраняется. Однако на многих сайтах CMS размер изображения не может быть постоянно известен явно, поэтому такое поведение может быть неизбежным.
Если вы знаете размер изображения, не помешает поместить его там, хотя вы, возможно, и не увидите от этого никакой "реальной" выгоды.
РЕДАКТИРОВАТЬ - в качестве еще одного теста вы можете попробовать его на 2 разных страницах, используя текст "lorem ipsum", обернутый вокруг большого изображения (4 мб или около того?). Поскольку нет реального способа быстрой загрузки изображения (если оно не кэшировано), вы должны заметить разницу в поведении отображения между явными и неявными страницами.
Я не знаю о фактическом повышении производительности, но это помогает браузеру быстрее рисовать, что делает приложение более быстрым для пользователя. Не стоит недооценивать более быстрый пользовательский интерфейс с точки зрения восприятия вашего приложения.