Изображения вносят наибольший вклад в WordPress вес страницы. Неоптимизированный пост в блоге с 5–10 фотографиями может легко превысить 5 МБ, что снизит показатели Core Web Vitals и отпугнет посетителей. Вот как это исправить.
Основная статистика: Исследование Google показывает, что 53% мобильных пользователей покидают страницы, загрузка которых занимает более 3 секунд. На большинстве сайтов WordPress изображения занимают 50–70% общего веса страницы.
Вариант 1: WordPress Плагины (автоматически)
Самый простой способ — установить плагин сжатия, который автоматически оптимизирует изображения при загрузке.
Лучшие WordPress плагины для сжатия изображений
| Плагин | Уровень бесплатного пользования | Поддержка WebP | Массовая оптимизация |
|---|---|---|---|
| КороткийПиксель | 100 изображений/месяц | Да | Да |
| Смуш | 50 изображений/пакет | Только для профессионалов | Да |
| Вообразите | 20 МБ/мес. | Да | Да |
| EWWW Оптимизатор изображения | Безлимитный (базовый) | Да | Да |
✅ Рекомендация
ShortPixel предлагает лучший баланс бесплатной квоты, качества и генерации WebP. EWWW идеален, если вам нужно неограниченное бесплатное сжатие с немного менее агрессивной оптимизацией.
Вариант 2: Сжать перед загрузкой (вручную)
Для большего контроля сжимайте изображения перед загрузкой в WordPress:
- Измените размер изображений в соответствии с шириной содержимого вашей темы (обычно 1200–1600 пикселей в ширину).
- Сжимайте с помощью браузерного инструмента, например Сжать изображение, с качеством 75–82 %.
- Конвертируйте в WebP, если ваша тема поддерживает это.
- Загрузите оптимизированные версии в WordPress.
Такой подход дает вам полный контроль над качеством и защищает ваш сервер от неоптимизированных оригиналов.
Вариант 3: Оптимизация на стороне сервера/CDN
Такие сервисы, как Cloudflare Polish, imgix или Cloudinary, могут оперативно оптимизировать изображения на границе CDN:
- Cloudflare Polish — автоматическое сжатие для плана Pro (20 долларов США в месяц) и выше.
- Cloudinary — бесплатный уровень с 25 тысячами преобразований в месяц.
- imgix — API обработки изображений в реальном времени, цены в зависимости от использования.
Основные WordPress Настройки изображения
- Добавьте отложенную загрузку: WordPress 5.5+ добавляет
loading="lazy"по умолчанию, но убедитесь, что ваша тема не переопределяет его. - Установите правильные размеры: Всегда включать
widthиheightатрибуты включены<img>для предотвращения смещения макета (CLS) - Отключить неиспользуемые размеры: WordPress генерирует миниатюры нескольких размеров. Отключите размеры, в которых вы не используете
functions.php - Обслуживание WebP: Используйте плагин или
.htaccessправил предоставления WebP поддерживающим браузерам
Измерение воздействия
После оптимизации проверьте свои результаты с помощью:
- Google PageSpeed Insights — проверьте LCP и аудит «Подача изображений в форматах следующего поколения».
- GTmetrix — водопадное представление, показывающее время загрузки отдельных изображений.
- WebPageTest — подробная разбивка по формату и размеру изображения.
🔧 Сжимайте изображения перед загрузкой — бесплатно и конфиденциально
Перетащите сюда свои изображения WordPress и получите оптимизированные версии за считанные секунды. Плагин не требуется, работает в вашем браузере.
Открыть сжатие изображения →Заключение
Самый быстрый рабочий процесс обработки изображений WordPress сочетает в себе сжатие перед загрузкой и плагин для обеспечения безопасности. Измените размер контента до ширины вашего контента, сжимайте его с качеством 75–82 %, конвертируйте в WebP и позвольте плагину уловить все, что вы пропустите. Ваши основные веб-показатели скажут вам спасибо.