Проверяйте разметку и зарезервированное место

Найдите изображения без размеров и связанные сдвиги

Сначала посчитайте img без обоих атрибутов, затем заблокируйте изображения и перезагрузите страницу. Хороший результат сохраняет пропорциональные пустые области и не сдвигает соседний контент после загрузки.

Проверка сравнивает width, height, соотношение сторон и стабильность макета — Наличие чисел недостаточно: их отношение должно совпадать с реальным файлом и CSS.

Простая проверка

Откройте DevTools → Elements и найдите все img на контрольной странице.
Проверьте наличие числовых width и height без единиц.
Сравните отношение атрибутов с naturalWidth/naturalHeight загруженного файла.
В Network заблокируйте изображения, отключите кеш и перезагрузите страницу.
Убедитесь, что место зарезервировано на desktop и mobile и нет горизонтальной прокрутки.
Сохраните URL, HTML элемента, размеры файла и скриншоты до/после.

Как оценить результат

Уровни проблемы размеров изображения
Ситуация	Уровень	Действие
Оба атрибута есть, пропорция верна, место сохраняется	Проблемы нет	Проверить остальные шаблоны.
Одного атрибута нет или оба отсутствуют	Риск CLS	Добавить оба из источника.
Атрибуты есть, но пропорция не совпадает	Неверное место	Исправить размеры или контейнер.
Изображение имеет размеры, но страницу двигает другой блок	Другая причина CLS	Проверить шрифты, рекламу и динамические вставки.
Фиксированный CSS создаёт горизонтальный скролл	Регрессия mobile	Вернуть адаптивные правила.

Техническая проверка

[...document.images].map(img => ({
  src: img.currentSrc,
  attr: [img.getAttribute('width'), img.getAttribute('height')],
  natural: [img.naturalWidth, img.naturalHeight]
}));

В Performance запишите загрузку и включите отображение Layout Shifts. Один CLS-балл Lighthouse не показывает источник на всех шаблонах, поэтому сохраните конкретные элементы и URL.

Ложные срабатывания и объём

SVG с корректным viewBox, CSS background и контейнер с заданным aspect-ratio требуют отдельной оценки. Сканер исходного HTML может не увидеть размеры, добавленные серверным компонентом или JavaScript, а DOM-проверка не охватывает другие страницы.

Автоматическая цена относится к шаблонам на странице услуги. Для исправления используйте пошаговую инструкцию.

Как проверить width и height изображений