Уменьшение кумулятивного сдвига макета для адаптивных изображений - core web vitals
В рамках подготовки к тому, что Core Web Vitals станет фактором ранжирования в мае 2021 года, мы прилагаем усилия, чтобы уменьшить совокупный сдвиг макета (CLS) на страницах, на которых сдвиг вызван загрузкой изображений. Общая рекомендация - указывать атрибуты высоты и ширины в html в дополнение к форматированию CSS, которое применяется при загрузке изображений. Однако это проблематично в ситуациях, когда адаптивные изображения используются с разными соотношениями сторон для мобильных и настольных компьютеров. И где CMS используется для управления страницами с изображениями, где ширина и высота могут изменяться каждый раз, когда используются новые изображения, а также соотношения сторон для мобильных и настольных версий этих.
Итак, я публикую этот запрос здесь, чтобы узнать, какие подходы используют другие для сокращения CLS в этих ситуациях (когда используются адаптивные изображения с разными соотношениями сторон для настольных и мобильных устройств и где CMS позволяет бизнес-пользователям использовать любой размер изображений, который они желают).