Изображения тормозят WordPress чаще, чем кажется: 5 правил сжатия

Изображения тормозят WordPress чаще, чем кажется: 5 правил сжатия

Большие картинки бьют по загрузке, Core Web Vitals и мобильному трафику. Ошибка не в самом фото, а в том, как его готовят к публикации.

• Загружайте изображение в реальном размере, а не в 4000 px «на всякий случай».
• Сжимайте без заметной потери качества: для фото обычно хватает умеренного сжатия.
• Убирайте лишний вес из файла: метаданные, дубли, служебную информацию.
• Используйте правильный формат: для фото чаще подходит webp, для простой графики — лёгкие PNG/SVG по задаче.
• Всегда задавайте размеры в шаблоне, чтобы браузер не пересчитывал картинку на лету. ⚡

Ещё одна типовая ошибка — тащить в контент оригинал из камеры или стоковый файл без подготовки. Один такой баннер может весить больше, чем весь текст страницы. Проверяйте и превью, и полноразмер: иногда миниатюра уже тяжёлая, а иногда проблема в вставке изображения на весь экран.

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

Если оптимизировать картинки до публикации, WordPress перестаёт платить за ленивую подготовку тем, что читатель ждёт загрузку.