Оптимизация изображений для сайта: как разогнать Google PageSpeed до 100 баллов

Почему скорость загрузки критична для SEO в 2026 году?

Поисковые системы Яндекс и Google официально учитывают скорость сайта в формуле ранжирования: 1. **Google Core Web Vitals:** Метрика **LCP (Largest Contentful Paint)** измеряет время отрисовки главного видимого элемента экрана (чаще всего это главный баннер или фото товара). Норма — до 2.5 секунд. 2. **Яндекс:** Пользователи со смартфонов уходят со страницы, если она грузится дольше 3 секунд, что резко ухудшает поведенческие факторы (bounce rate).

В среднем более **65% общего веса интернет-страницы** приходится на графические файлы.

5 шагов к 100 баллам в PageSpeed Insights

1. Приведите разрешение к реальным размерам контейнера Не загружайте на сайт фото размером 4000x3000 пикселей, если на экране оно отображается в блоке 800x600 px. Используйте наш инструмент [Изменить размер фото](/ru/izmenit-razmer-foto).

2. Конвертируйте в WebP Перевод каталога изображений в WebP экономит десятки гигабайт серверного трафика. Воспользуйтесь [Конвертером PNG в WebP](/ru/konvertirovat-png-v-webp).

3. Настройте сжатие с оптимальным качеством (80-85%) Человеческий глаз не видит разницы между 100% качеством и 82%, однако размер файла отличается в 3-4 раза. Быстро обработать пакет фото можно через [Сжать JPEG онлайн](/ru/szhat-jpeg).

4. Внедрите Lazy Loading (Ленивую загрузку) Добавляйте атрибут `loading="lazy"` ко всем картинкам ниже первого экрана: ```html <img src="product.webp" alt="Товар" loading="lazy" width="600" height="400" /> ```

5. Всегда указывайте ширину (width) и высоту (height) Это предотвращает скачки макета — метрику **CLS (Cumulative Layout Shift)**.