Оптимизация изображений в WordPress в 2026: WebP, AVIF, скорость и SEO

Изображения — это сердце визуального контента в интернете. Однако они же являются главной причиной медленной загрузки сайтов, высокого показателя отказов и плохих позиций в поиске. В 2026 году оптимизация изображений стала не просто рекомендацией, а обязательным требованием для успешного SEO и попадания в «зелёную зону» Core Web Vitals.

В этом практическом руководстве мы разберём, как правильно оптимизировать изображения в WordPress, какие форматы использовать (WebP, AVIF), как улучшить LCP, CLS и INP, а также какие плагины и инструменты дают реальный результат.

📌 В этой статье вы узнаете:

• как оптимизировать изображения в WordPress в 2026 году
• какие форматы выбрать: WebP или AVIF
• как изображения влияют на Core Web Vitals и SEO
• как настроить lazy loading, CDN и размеры
• лучшие плагины и реальные кейсы

⚡ FEATURED SNIPPET

Как оптимизировать изображения в WordPress?

Чтобы оптимизировать изображения в WordPress:

✔ использовать WebP или AVIF
✔ сжимать изображения (ShortPixel, Smush)
✔ включить lazy loading (только не на первом экране)
✔ задавать атрибуты width/height для всех изображений
✔ использовать CDN (Cloudflare, Bunny CDN)
✔ оптимизировать изображения до загрузки в медиатеку

👉 Это улучшает Core Web Vitals, ускоряет сайт и повышает позиции в Google.

Оптимизация изображений в WordPress в 2026. Что такое оптимизация изображений

Оптимизация изображений — это процесс уменьшения размера файлов без видимой потери качества, а также выбор правильного формата, размеров и способа загрузки. В WordPress это включает работу с медиатекой, выбор плагинов, настройку lazy loading, CDN и адаптивных изображений (srcset).

💡 Почему это важно: правильно оптимизированные изображения могут ускорить загрузку страницы на 40–60%, что напрямую влияет на LCP, показатель отказов и конверсию.

Почему изображения замедляют сайт

Основные проблемы с изображениями в WordPress:

Проблема	Почему замедляет	Решение
Тяжёлые JPG/PNG	Файлы более 500 КБ без сжатия	Конвертация в WebP/AVIF + сжатие
PNG вместо JPG для фото	PNG весит в 3–5 раз больше	Использовать JPG или WebP для фото
Огромные загруженные размеры	Пользователи загружают фото с камер (4000–6000 px)	Ресайз до 1200–2000 px
Изображения без lazy loading	Все картинки грузятся сразу, даже вне экрана	Включить отложенную загрузку
Отсутствие размеров width/height	Изображения «прыгают» → ухудшение CLS	Добавлять атрибуты
Геройские изображения (hero images)	Крупные баннеры на первом экране задерживают LCP	Оптимизировать их в первую очередь

💡 EEAT-факт: сайты с оптимизированными изображениями получают на 30–50% больше органического трафика из-за лучшего пользовательского опыта и более высоких позиций.

Как изображения влияют на SEO

Изображения влияют на SEO напрямую и косвенно:

Фактор	Влияние	Что делать
LCP (Largest Contentful Paint)	Главное изображение на странице (герой, обложка) часто является LCP-элементом	Оптимизировать hero-изображение в первую очередь
Crawl budget	Тяжёлые или неоптимизированные изображения создают лишние запросы к серверу	Использовать CDN, WebP, сжатие
Google Images	Пользователи ищут изображения → дополнительный канал трафика	Добавлять ALT-теги, descriptive filenames
CTR из поиска	Сайты с быстрой загрузкой имеют более высокий CTR	Ускорение загрузки повышает доверие
CLS	Не заданные размеры → скачки контента → ухудшение ранжирования	Всегда указывать width/height

📌 Подробнее: Core Web Vitals

🕷️ Как изображения влияют на бюджет сканирования (crawl budget)

Crawl budget — количество страниц и ресурсов, которые Googlebot сканирует на вашем сайте. Тяжёлые и неоптимизированные изображения создают дополнительные HTTP-запросы и увеличивают время загрузки, что может снижать crawl budget.

📌 Как управлять бюджетом сканирования: Crawl budget

Как изображения влияют:

Фактор	Влияние на crawl budget
Слишком большие файлы	Медленная загрузка → Googlebot тратит больше времени на одну страницу
Изображения без lazy loading	Все картинки грузятся сразу, увеличивая объём данных
Изображения с параметрами (размеры, фильтры)	Создают дубли URL, которые робот сканирует впустую
Отсутствие CDN	Сервер обрабатывает все запросы, замедляя ответ

Что делать:

• ✅ Оптимизируйте изображения (WebP/AVIF, сжатие) — уменьшает объём данных
• ✅ Настройте lazy loading — изображения вне экрана не сканируются до появления
• ✅ Используйте CDN (Cloudflare) — разгружает сервер и ускоряет отдачу
• ✅ Закройте от индексации служебные страницы с изображениями (например,  /wp-content/uploads/ )

📌 Подробнее: Crawl Budget в SEO: как улучшить сканирование и индексацию

📌 Важно: Оптимизация изображений — это лишь часть комплексного технического SEO. Без правильно настроенной индексации, чистого robots.txt и актуальной sitemap даже идеально сжатые картинки не помогут сайту вырасти. Полный чек-лист всех технических аспектов, включая работу с изображениями, собран в нашем руководстве по техническому SEO.

📷 Как изображения влияют на Google Images и дополнительный трафик

Google Images — это отдельный канал поиска, который может приносить до 10–30% дополнительного трафика. Оптимизированные изображения повышают шансы попасть в выдачу по картинкам.

📌 Как отслеживать и анализировать трафик из Google Images: Google Search Console — главный инструмент для мониторинга показов, кликов и CTR по изображениям.

Что влияет на ранжирование в Google Images:

Фактор	Как оптимизировать
Качество изображения	Используйте чёткие, не размытые картинки
Размер и вес	WebP/AVIF, сжатие, ресайз
ALT-теги	Описательные, с ключевыми словами (без переспама)
Имя файла	krasnye-krossovki-nike.jpg  вместо  IMG_5423.jpg
Контекст страницы	Изображение должно быть релевантно окружающему тексту
Скорость загрузки	Влияет на ранжирование в веб-поиске и Images

📌 Как отслеживать трафик из Google Images: через Google Search Console → раздел «Производительность» → фильтр «Поиск изображений». Вы увидите, по каким запросам ваши картинки показываются в выдаче и какой CTR. Полное руководство по работе с GSC, включая анализ изображений, читайте в статье «Google Search Console для SEO».

Практические советы:

• Заполняйте ALT для каждого изображения (кратко, понятно, с ключом)
• Используйте информативные имена файлов до загрузки
• Добавляйте подписи ( <figcaption> ) — они улучшают контекст
• Не используйте одно и то же изображение на нескольких страницах (каннибализация)

📌 Совет: оптимизация изображений для Google Images — это отдельный канал трафика, который часто игнорируют. Официальная документация Google Search Central содержит актуальные рекомендации по использованию ALT-тегов, структурированных данных ( Product ,  ImageObject ), а также объясняет, как избежать типичных ошибок (размытые изображения, неправильный размер, отсутствие контекста). Использование этих рекомендаций может увеличить переходы из поиска по картинкам на 30–50% без дополнительных затрат.

💡 Совет: проверьте, какие изображения вашего сайта уже показываются в Google Images через Search Console → раздел «Производительность» → фильтр «Поиск изображений».

Лучшие форматы изображений в 2026

Формат	Когда использовать	Вес	Качество	Поддержка
JPG	Фотографии, где не важна прозрачность	Средний	Хорошее	100%
PNG	Прозрачность (логотипы, иконки)	Тяжёлый	Отличное	100%
WebP	Основной формат для фотографий и графики	На 25–35% легче JPG	Отличное	97%+
AVIF	Лучший для фотографий (особенно dark mode)	На 30–50% легче WebP	Лучшее	90%+ (Chrome, Firefox)
SVG	Иконки, логотипы, иллюстрации	Минимальный	Векторное	100%

👉 Рекомендация на 2026 год: используйте WebP как основной формат, AVIF — для ключевых изображений (обложки, герой), SVG — для иконок и простой графики.

WebP vs AVIF: сравнение форматов

Это один из самых популярных запросов в 2026 году. Разберём принципиальные различия.

Параметр	WebP	AVIF
Алгоритм сжатия	Предсказание на основе блоков	На основе кадров видео (AV1)
Степень сжатия	На 25–35% легче JPG	На 30–50% легче WebP
Поддержка браузеров	97%+ (все современные)	90%+ (Chrome, Firefox, Opera)
Поддержка в WordPress	Встроенная (с 5.8)	Через плагины (ShortPixel, Imagify)
Поддержка прозрачности	Да	Да
Анимация	Да (WebP animation)	Да (AVIF animation)
HDR / Wide Gamut	Ограниченно	Да (отличная цветопередача)
Тип сжатия	С потерями и без потерь	С потерями и без потерь

Что выбрать в 2026?

• Для 95% сайтов: WebP — оптимальный баланс поддержки, качества и усилий.
• Для сайтов с технической аудиторией и современными браузерами: AVIF даёт максимальное сжатие.
• Лучшая стратегия: генерировать WebP + AVIF, а плагин или браузер выбирает лучший формат через  <picture>  или  Accept  header.

📌 Совет: используйте ShortPixel или WebP Express для автоматической конвертации и выбора формата.

Как правильно выбирать размеры изображений

Ошибка многих владельцев сайтов — загрузка изображений 4000×3000 px для показа в блоке 800×600 px. Это убивает LCP.

Рекомендуемые размеры для WordPress:

Тип изображения	Рекомендуемый размер
Обложка статьи / герой	1200–1600 px по ширине
Изображение внутри статьи	800–1200 px
Миниатюра (thumbnail)	150–300 px
Логотип	200–400 px
Изображение для карточки товара	800–1000 px

Как настроить в WordPress:

1. Перейдите в Настройки → Медиафайлы → задайте размеры для «крупный», «средний», «миниатюра».
2. Используйте плагин для ресайза загружаемых изображений (например, Imsanity или Resize Image After Upload).
3. Для адаптивности WordPress автоматически добавляет  srcset  — используйте его, добавляя разные размеры изображений.

💡 Совет: не загружайте изображения больше 2000 px по ширине — это лишний вес без видимой выгоды.

Lazy Loading (отложенная загрузка)

Lazy loading — это техника, при которой изображения загружаются только тогда, когда они появляются в области видимости пользователя. Это улучшает LCP и INP.

✅ Плюсы:

• Ускоряет начальную загрузку страницы
• Снижает количество HTTP-запросов
• Улучшает LCP (за счёт приоритизации первого экрана)

❌ Главная ошибка:
Никогда не применяйте lazy loading к главному изображению первого экрана (hero image, обложка статьи). Это откладывает загрузку ключевого элемента и ухудшает LCP.

Как настроить в WordPress:

• Встроенный  loading="lazy"  (с WordPress 5.5) — хорош, но не даёт тонкой настройки
• Плагины: WP Rocket, LiteSpeed Cache, FlyingPress
• Отключите lazy loading в теме, если используете плагин (чтобы избежать двойной загрузки)

💡 Важно: плагины Smush и Jetpack также добавляют lazy loading — убедитесь, что он включён только один раз.

CDN и изображения

CDN (Content Delivery Network) — это сеть серверов по всему миру, которая хранит копии ваших изображений и отдаёт их с ближайшего к пользователю узла.

Преимущества CDN для изображений:

Преимущество	Как помогает
Ускорение загрузки	Сокращение TTFB и LCP
Снижение нагрузки на сервер	Оригинальный сервер тратит меньше ресурсов
Автоматическая оптимизация	Cloudflare, Bunny CDN могут сжимать и конвертировать изображения на лету

Лучшие CDN для WordPress в 2026:

CDN	Цена	Особенности
Cloudflare	Бесплатный тариф	Автоматическая конвертация в WebP через Polish, APO для WordPress
Bunny CDN	От $0.005/GB	Высокая скорость в Европе, интеграция с ShortPixel, Image Resize
QUIC.cloud	Бесплатно для сайтов на LiteSpeed	Идеально для связки с LiteSpeed Cache

📌 Совет: подключите Cloudflare даже на бесплатном тарифе — это бесплатный буст скорости и безопасности.

Лучшие плагины оптимизации изображений в WordPress

Плагин	Бесплатная версия	Ключевые возможности	Цена (премиум)
ShortPixel	100 изображений/мес	WebP/AVIF, сжатие, оптимизация PDF, AI-режим	от $9.99/год
Smush	50 изображений/мес	Сжатие, lazy loading, конвертация в WebP	$7.50/мес
Imagify	25 изображений/мес	3 уровня сжатия, WebP, интеграция с WP Rocket	от $4.99/мес
EWWW Image Optimizer	100 изображений/мес	Cloud API, WebP, AVIF	$7/мес
WebP Express	Полностью бесплатный	Конвертация в WebP через GD/Imagick	Бесплатно
Optimole	5 000 посещений/мес	Облачная оптимизация, CDN, WebP/AVIF	от $19.08/мес

📌 Важно: оптимизация изображений — это лишь один из аспектов SEO. Для комплексного продвижения необходимы и другие инструменты: управление мета-тегами, Schema-разметка, анализ контента. Полный обзор лучших SEO-плагинов для WordPress с их сравнением и рекомендациями по выбору вы найдёте в нашем отдельном руководстве.

Какой выбрать?

Если вам нужно…	Рекомендуемый плагин
Максимальное сжатие + AVIF	ShortPixel
Простота и бесплатно (начальный уровень)	Smush
Интеграция с WP Rocket	Imagify
Только конвертация в WebP	WebP Express
Облачное решение без нагрузки на сервер	Optimole

📌 Важно: никогда не устанавливайте два плагина для оптимизации изображений одновременно — они могут конфликтовать, создавая двойную конвертацию и лишние копии.

🌐 CDN-оптимизация изображений: как выбрать и настроить

CDN не только ускоряет доставку контента, но и может оптимизировать изображения на лету: сжимать, конвертировать в WebP/AVIF, изменять размер под устройство.

Сравнение CDN для изображений в 2026:

CDN	Цена	Автоматическая конвертация в WebP/AVIF	Ресайз изображений	Поддержка WordPress
Cloudflare	Бесплатный тариф	Polish (WebP)	Нет	Есть плагин (APO)
Bunny CDN	от $0.005/GB	Да (WebP, AVIF)	Да (Image Resize)	Через плагин BunnyCDN
QUIC.cloud	Бесплатно для LS	Да (WebP)	Нет	LiteSpeed Cache
ImageKit	от $49/мес	Да (WebP, AVIF)	Да (продвинутый)	Есть плагин

Как настроить CDN для изображений:

1. Cloudflare (бесплатный вариант):
   • Подключите домен к Cloudflare
   • Включите Polish (автоматическая конвертация в WebP)
   • Включите APO (Automatic Platform Optimization) для WordPress
   • Настройте кеширование на 30–60 дней
2. Bunny CDN (лучший для изображений):
   • Создайте Pull Zone
   • Включите Image Resizing (укажите размеры)
   • Включите WebP/AVIF conversion
   • Подключите через плагин BunnyCDN или настройте URL замену
3. Проверка:
   • Откройте страницу в Chrome DevTools → Network
   • Найдите изображение → проверьте заголовок  cf-image-quality  (Cloudflare) или  content-type: image/webp

💡 Совет: для небольших сайтов достаточно бесплатного Cloudflare. Для интернет-магазинов и сайтов с тысячами изображений — Bunny CDN или ImageKit.

⚙️ Автоматизация оптимизации изображений через плагины (продвинутые настройки)

Плагины оптимизации изображений могут работать не только вручную, но и в автоматическом режиме. Вот ключевые настройки, которые стоит проверить.

ShortPixel (рекомендуемый):

Настройка	Что делает
Автоматическая конвертация в WebP/AVIF	Создаёт WebP и AVIF версии при загрузке
Удаление оригиналов после конвертации	Экономит место на сервере (если уверены в качестве)
Ресайз больших изображений	Уменьшает изображения до заданного предела (например, 1200 px)
Glossy / Lossy / Lossless	Glossy — лучшее соотношение качество/размер
Bulk optimize	Обработка всех существующих изображений в один клик

Smush / WP Rocket:

Настройка	Что делает
Автоматическое сжатие при загрузке	Сжимает изображения сразу после добавления в медиатеку
Ленивая загрузка	Включает lazy loading для изображений и iframe
Конвертация в WebP	Генерирует WebP версии (требует настройки сервера)

📌 Не только изображения: помимо плагинов для картинок, для максимальной производительности сайта нужны инструменты для кэширования, CDN, очистки базы данных и удаления мусорного кода. Полную экосистему плагинов для оптимизации WordPress, включая рекомендации по их настройке и типичные ошибки, мы собрали в отдельном подробном руководстве.

Рекомендации по автоматизации:

1. Включите автоматическую конвертацию в WebP/AVIF при загрузке
2. Настройте ресайз до 1200–2000 px (не храните 4000 px фото)
3. Используйте Bulk Optimize для старых изображений один раз
4. Настройте автоматическую очистку метаданных (EXIF) — они не нужны для веба

💡 Совет: после настройки автоматизации проверьте несколько страниц в PageSpeed Insights, чтобы убедиться, что WebP/AVIF отдаются корректно.

🛠️ Инструменты для ручной оптимизации изображений (до загрузки в WordPress)

Даже лучшие плагины не смогут исправить изображение, которое изначально весит 10 МБ. Оптимизация до загрузки экономит ресурсы сервера и ускоряет обработку.

Лучшие инструменты для ручной оптимизации в 2026:

Инструмент	Тип	Особенности
Squoosh (от Google)	Онлайн	Сравнение форматов, ручная настройка качества, конвертация в WebP/AVIF
TinyPNG / TinyJPG	Онлайн	Простое сжатие, экономит до 70% веса
RIOT (Radical Image Optimization Tool)	Десктоп (Windows)	Пакетная обработка, сравнение до/после
ImageOptim	Десктоп (Mac)	Простой, бесплатный, отличное сжатие
XnConvert	Десктоп (Win/Mac/Linux)	Пакетная обработка, поддержка WebP, AVIF, изменение размера
IrfanView (с плагинами)	Десктоп (Windows)	Пакетная конвертация в WebP

Какой использовать:

Если вам нужно…	Инструмент
Быстро и бесплатно (онлайн)	Squoosh
Пакетная обработка (много файлов)	RIOT, XnConvert
Простота на Mac	ImageOptim
Максимальный контроль (сравнение форматов)	Squoosh

Алгоритм ручной оптимизации:

1. Откройте изображение в Squoosh (или другом инструменте)
2. Уменьшите размер до нужного (1200–2000 px)
3. Выберите формат: WebP (основной) или AVIF (лучшее сжатие)
4. Настройте качество: 75–85% (баланс качество/вес)
5. Сохраните и загрузите в WordPress

💡 Совет: для фотографий с градиентами и тенями используйте качество 85–90%, для простой графики — 65–75%.

Частые ошибки при оптимизации изображений

Ошибка	Последствие	Как исправить
PNG вместо JPG для фото	Вес файла в 3–5 раз больше	Использовать JPG или WebP
Изображения 4000–5000 px	Огромный вес → плохой LCP	Ресайз до 1200–2000 px
Нет атрибутов width/height	Скачки контента → ухудшение CLS	Добавлять размеры в медиатеке
Двойной lazy loading (тема + плагин)	Изображения не грузятся или грузятся дважды	Оставить lazy loading только в плагине или только в теме
Отсутствие WebP/AVIF	Лишний вес → медленная загрузка	Настроить автоматическую конвертацию
Нет ALT-тегов	Потеря трафика из Google Images	Добавлять описательные ALT
Изображения без понятных имён	Google хуже понимает контекст	Имена файлов:  kurtka-zimniaia.jpg  вместо  IMG_5423.jpg

💡 EEAT-сигнал: реальные ошибки и их решения повышают доверие к статье (Google ценит практический опыт).

🔄 Как избежать дублирования изображений и лишних копий

WordPress автоматически создаёт несколько копий каждого загруженного изображения (thumbnail, medium, large и кастомные размеры). Со временем это может привести к сотням лишних файлов и раздуванию медиатеки.

Проблема: Если у вас 10 размеров на каждое изображение, а изображений 1000 — вы храните 10 000 файлов. Это:

• Увеличивает размер бэкапов
• Замедляет работу медиатеки
• Создаёт лишние запросы при сканировании

Как оптимизировать:

Действие	Как сделать
Ограничьте количество размеров	Отключите неиспользуемые размеры через плагин (Stop Generating Unused Sizes)
Удалите неиспользуемые миниатюры	Плагины: Force Regenerate Thumbnails, Delete Expired Transients
Используйте один формат для всех размеров	Конвертируйте все версии в WebP через ShortPixel (опция «Convert all image sizes»)
Очищайте медиатеку от дублей	Плагины: Media Cleaner, Media Deduper

Оптимальный набор размеров для большинства сайтов:

• thumbnail  (150×150)
• medium  (300×300)
• large  (1024×1024)
• 1536×1536  (можно отключить)
• 2048×2048  (можно отключить)

💡 Совет: после изменения настроек размеров используйте плагин для регенерации миниатюр и удаления старых неиспользуемых размеров.

💡 Совет: регулярный SEO-аудит помогает выявить скрытые проблемы с изображениями (например, отсутствие ALT-тегов, слишком большой вес, неправильные размеры) и другие технические ошибки, мешающие росту. Как провести комплексную проверку сайта, мы разобрали в материале «SEO-аудит сайта».

Как изображения влияют на Core Web Vitals

LCP (Largest Contentful Paint)

Главное изображение на странице (обычно обложка или hero-баннер) чаще всего является LCP-элементом.

💡 Важно: геройское изображение (hero image) и обложка статьи чаще всего являются LCP-элементом. Если они не оптимизированы, страница автоматически попадает в «красную зону». Официальное руководство Google «Optimize Largest Contentful Paint» описывает четыре ключевых метода улучшения LCP: оптимизация изображений (WebP/AVIF, сжатие), предзагрузка критических ресурсов, улучшение TTFB и удаление ресурсоёмких скриптов с первого экрана.

Как улучшить LCP через изображения:

• Использовать WebP/AVIF вместо JPG
• Сжимать изображения до разумного веса (100–200 КБ для обложки)
• Убрать lazy loading с LCP-изображения
• Добавить предзагрузку ( <link rel="preload"> ) для критических изображений
• Использовать CDN

CLS (Cumulative Layout Shift)

Изображения без заданных ширины и высоты «прыгают» при загрузке, ухудшая CLS.

Как улучшить CLS:

• Всегда задавать атрибуты  width  и  height  в тегах  <img>
• В WordPress это происходит автоматически, если изображение добавлено через медиатеку
• Для фоновых изображений в CSS использовать контейнеры с фиксированным соотношением сторон (aspect-ratio)

INP (Interaction to Next Paint)

Тяжёлые изображения не влияют напрямую на INP, но их медленная загрузка может блокировать основной поток браузера.

Как улучшить INP:

• Использовать lazy loading для изображений вне экрана
• Оптимизировать количество изображений на странице (не более 20–30)
• Конвертировать GIF-анимации в видео (MP4)

📌 Подробнее: Core Web Vitals

🛒 Оптимизация изображений для WooCommerce (интернет-магазинов)

WooCommerce создаёт дополнительные размеры изображений для товаров (catalog, single product, thumbnail), что увеличивает количество файлов в 2–3 раза. Оптимизация изображений для интернет-магазина имеет свою специфику.

Проблемы WooCommerce с изображениями:

Проблема	Последствие	Решение
Много размеров	10+ копий каждого товара → раздувание медиатеки	Отключить неиспользуемые размеры
Тяжёлые фото товаров	Медленный LCP на страницах категорий и товара	Конвертация в WebP/AVIF, сжатие
Нет srcset	Неоптимальные размеры для мобильных	WooCommerce добавляет srcset автоматически, если размеры заданы
Нет lazy loading	Все изображения грузятся сразу → INP ухудшается	Включить lazy loading (кроме первого экрана)
Галерея товаров	Несколько крупных изображений подряд	Использовать плагины с lazy loading для галерей

Практические советы для WooCommerce:

1. Настройте правильные размеры изображений:

Тип изображения	Размер	Вес (WebP)
Thumbnail (категории)	300×300 px	10–20 КБ
Catalog (страница категории)	500×500 px	20–40 КБ
Single product (страница товара)	800–1200 px	50–100 КБ

2. Отключите ненужные размеры (например,  woocommerce_thumbnail ,  woocommerce_single ,  woocommerce_gallery_thumbnail  — оставьте только необходимые) через плагин Stop Generating Unused Sizes.
3. Используйте WebP/AVIF для всех изображений товаров. ShortPixel и Imagify обрабатывают WooCommerce-размеры автоматически.
4. Включите lazy loading для галерей товаров (FlyingPress, WP Rocket).
5. Для вариативных товаров (цвет, размер) используйте плагины, которые генерируют изображения на лету, а не хранят тысячи копий.

💡 Совет: проверьте скорость страницы товара в PageSpeed Insights. Если LCP высокой (более 2.5 сек), проблема часто в главном изображении товара — оптимизируйте его в первую очередь.

📌 Подробнее: Как ускорить сайт

Реальные кейсы: как оптимизация изображений изменила скорость

Кейс 1. JPG → WebP: LCP с 4.1 сек до 2.3 сек

Исходные данные: блог о путешествиях, 200 статей, трафик 10 000 посетителей/мес. Обложки статей — тяжёлые JPG (350–500 КБ), LCP = 4.1 сек.

Что сделали:

• Конвертировали все обложки в WebP через ShortPixel
• Сжали до 80–120 КБ
• Добавили предзагрузку обложки для LCP

Результат:

• LCP: 4.1 сек → 2.3 сек
• Трафик вырос на 25%
• Позиции по ключевым запросам улучшились на 5–10 пунктов

Кейс 2. Cloudflare + WebP: рост PageSpeed с 48 до 81 балла

Исходные данные: интернет-магазин на WordPress + WooCommerce, 2 000 товаров, скорость мобильной версии 48 баллов.

Что сделали:

• Подключили Cloudflare (бесплатный тариф)
• Включили Polish (автоматическая конвертация в WebP)
• Включили APO (Automatic Platform Optimization) для WordPress

Результат:

• PageSpeed Insights мобильная: 48 → 81 балл
• LCP: 3.2 сек → 1.6 сек
• Трафик вырос на 35% за 2 месяца

Кейс 3. ShortPixel + AVIF: ускорение мобильной версии

Исходные данные: новостной портал, 300 статей, 60% трафика с мобильных устройств, LCP = 4.8 сек.

Что сделали:

• Установили ShortPixel
• Включили AVIF для современных браузеров
• Настроили ресайз изображений до 1200 px

Результат:

• LCP на мобильных: 4.8 сек → 2.1 сек
• Core Web Vitals перешли в зелёную зону
• Мобильный трафик вырос на 28%

Чек-лист оптимизации изображений в WordPress

Перед публикацией или обновлением сайта убедитесь:

✅ Изображения конвертированы в WebP (или AVIF для ключевых)
✅ Сжаты до разумного веса (обложка 80–150 КБ, в статье 30–80 КБ)
✅ Заданы атрибуты width/height для всех изображений
✅ Lazy loading отключён для геройского изображения
✅ Для фоновых изображений задан aspect-ratio
✅ Используется CDN (Cloudflare / Bunny CDN)
✅ Имена файлов понятные (на русском или английском)
✅ ALT-теги заполнены и описательны
✅ Изображения загружаются в медиатеку после ресайза
✅ Нет конфликтов lazy loading (только в одном месте)
✅ Проверена скорость в PageSpeed Insights (мобильная + десктоп)
✅ Генерация WebP/AVIF автоматизирована через плагин

FAQ — Частые вопросы

💡 Вывод

Оптимизация изображений в WordPress в 2026 году — это не просто сжатие, а комплексная работа с форматами (WebP, AVIF), размерами, lazy loading, CDN и Core Web Vitals.

Главные принципы:

• ⚡ Используйте WebP/AVIF вместо устаревших JPG/PNG
• 📏 Задавайте правильные размеры и атрибуты width/height
• 🧠 Не применяйте lazy loading к LCP-изображению
• 🌐 Подключайте CDN (Cloudflare — бесплатно)
• 📊 Регулярно проверяйте скорость через PageSpeed Insights

👉 Начните с установки ShortPixel или Smush, подключите Cloudflare и проверьте LCP в Google Search Console. Даже эти два шага могут ускорить ваш сайт на 30–50% и улучшить позиции в поиске.

🔗 ПЕРЕЛИНКОВКА

👉 Читайте также:

• Как ускорить сайт : пошаговое руководство + Core Web Vitals
• Core Web Vitals: полный гайд по LCP, CLS и INP
• Техническое SEO : полный чек-лист оптимизации сайта
• SEO-аудит сайта : полный чек-лист проверки
• Google Search Console для SEO : полный гайд
• Crawl Budget в SEO: как улучшить сканирование и индексацию
• SEO плагины для WordPress: лучший выбор
• Лучшие плагины для оптимизации WordPress : полная экосистема

Подписывайтесь на наши социальные сети: