Изображения часто являются самой тяжелой частью страницы. Оптимизация не означает сделать картинки некрасивыми; она означает отдавать правильный размер, формат и способ загрузки для устройства посетителя.
Что оптимизировать
| Элемент | Что делать |
|---|---|
| Размеры | Не загружать изображение 4000px для блока шириной 600px. |
| Формат | Использовать WebP или современные форматы, где они поддерживаются. |
| Сжатие | Уменьшать вес без заметной потери качества. |
| Lazy loading | Откладывать загрузку изображений ниже первого экрана. |
| Alt text | Описывать изображение для доступности и SEO. |
Перед заменой изображений
- Сохраните оригиналы отдельно, если они могут понадобиться дизайнеру.
- Проверьте мобильную версию после изменения размеров.
- Не пережимайте логотипы и UI-иконки до размытости.
- Очистите кеш/CDN после замены файлов.
Быстрое изображение - это правильное изображение, а не просто самое маленькое
Если страница тяжелая, пришлите URL. Поможем найти, какие изображения нужно уменьшить первыми.
Найти тяжелые изображения