Как атрибуты width и height у картинок ускорят сайт на 12% и сделают его комфортнее?
<img src="https://habrastorage.org/getpro/habr/upload_files/c87/c38/f12/c87c38f1261a23d98fcb332c917fc230.jpg" /><p>Атрибуты width и height сэкономят ресурсы CPU затрачиваемые на отрисовку страницы. Также они избавят от эффекта «скачущих изображений», когда во время загрузки страница резко дёргается, раздвигается, чтобы освободить место под под появляющиеся изображения.</p><p>Эта статья — актуализация <a href="https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/" rel="noopener nofollow">статьи англоязычного автора</a> 2020 года и её расширение с учётом последних обновлений браузеров. Также материал структурирован от простого к сложному с более наглядными примерами, чтобы было увлекательней читать. Внутри есть интерактивные примеры, которые можно исследовать самостоятельно в браузере с помощью профайлера браузера.</p> <a href="https://habr.com/ru/articles/1080050/?utm_source=habrahabr&utm_medium=rss&utm_campaign=1080050#habracut">Читать далее</a>