Картинки часто занимают большую часть веса страницы. Красивая фотография превращается в проблему скорости, если загружена прямо с камеры, используется в неправильном размере или загружается раньше важного контента.
Что проверить
- Размер изображения соответствует месту, где оно показывается.
- Вес файла разумный для web.
- Используются современные форматы вроде WebP, где это поддерживается.
- Картинки ниже первого экрана используют lazy loading.
- Главная LCP-картинка не lazy-loaded, если должна появиться сразу.
- Указаны width и height, чтобы макет не прыгал.
Частые ошибки
| Огромный оригинал | фото 4000px показывается в блоке 600px |
| Неверный lazy loading | hero image задерживается, и LCP становится хуже |
| Нет размеров | страница прыгает при загрузке изображений |
| Слишком много слайдеров | загружается несколько больших картинок, хотя видна одна |
Оптимизация картинок может ускорить сайт без смены хостинга
Пришлите URL медленной страницы. Поможем найти тяжелые изображения и понять, что сжимать, уменьшать или грузить лениво.
Проверить картинки страницы