Установка плагина скорости поднимает баллы на большинстве сайтов, но редко сокращает время загрузки так, как ожидается. Реальный выигрыш в четырёх местах: формат изображений, элемент LCP, сдвиг макета и сторонние запросы.
Основной измеримый выигрыш в WordPress даёт четыре вмешательства: (1) серверная конвертация изображений в WebP — на большинстве сайтов крупнейшая статья; (2) объявление крупнейшего изображения первого экрана (элемента LCP) через preload и исключение его из ленивой загрузки; (3) устранение сдвига макета (CLS) заданием явных размеров изображениям и логотипу; (4) перенос сторонних запросов вроде Google Fonts на свой сервер. Установка плагина этого не заменяет.
До оптимизации нужно знать, что именно замедляет сайт, иначе часы уйдут не туда.
Практический способ: откройте вкладку «Сеть» в инструментах разработчика, отключите кэш и загрузите страницу. Затем ответьте на два вопроса:
Это крупнейший выигрыш почти на любом сайте и самый часто пропускаемый шаг.
Типичная папка загрузок WordPress годами разрастается неоптимизированными JPEG и PNG. В реальном случае папка изображений кофейни уменьшилась примерно со 147 МБ до 10 МБ — только за счёт смены формата, без видимой потери качества.
На что обратить внимание: не удаляйте оригиналы сразу, проверьте сохранение прозрачности у PNG и обязательно посмотрите на сайт глазами после конвертации. Чрезмерное сжатие стоит дороже сэкономленной секунды.
Largest Contentful Paint измеряет момент отрисовки крупнейшего элемента первого экрана. Обычно это hero-изображение, и проблема в том, что браузер узнаёт о нём только после загрузки и обработки CSS.
<link rel="preload" as="image"
href="/uploads/2026/hero.webp"
fetchpriority="high" />loading="lazy" на изображении первого экрана не улучшает LCP, а прямо ухудшает. Ленивая загрузка — только для изображений ниже сгиба.Элемент LCP не одинаков на всех страницах: на главной это hero, на карточке товара — фото, в статье — блок текста. Если это текст, предзагружать нечего — работа переходит к шрифтам.
Cumulative Layout Shift измеряет «прыжки» контента при загрузке. С точки зрения пользователя это самое раздражающее поведение: строка, которую вы начали читать, уезжает, кнопка сдвигается.
Причина почти всегда одна: браузер заранее не знает, сколько места займёт элемент.
<img> должны быть width и height: браузер выведет пропорцию и зарезервирует место.font-display: swap и близкий по метрикам запасной набор это уменьшают.Страница с Google Fonts подключается минимум к двум внешним серверам: fonts.googleapis.com за стилями и fonts.gstatic.com за файлами. Каждое новое соединение — это DNS-запрос, TCP-рукопожатие и TLS-согласование.
woff2 и положите к себе.@font-face в свой стиль дословно — сохраните строки unicode-range.Пропуск unicode-range — частая ошибка. Эти строки говорят браузеру, какой файл покрывает какой диапазон символов; без них браузер скачивает алфавиты, которые ему не нужны. Для кириллицы и турецкого это особенно важно: нужные диапазоны лежат в отдельных файлах, и без них буквы отрисуются запасным шрифтом.
Самое опасное в оптимизации — улучшая измеряемое, сломать неизмеряемое.
Частый пример: плагин скорости откладывает весь JavaScript. Баллы растут, страница кажется быстрой — а блочное оформление WooCommerce перестаёт работать, и клиент видит «ваша корзина пуста». Подробности и решение — в отдельной заметке.
Поэтому после каждой оптимизации проверяйте сценарий, а не баллы: в приватном окне добавьте товар, перейдите к оформлению, заполните форму.
Порядок ясен: сначала WebP, затем предзагрузка элемента LCP и исключение его из ленивой загрузки, затем размеры у изображений, и в конце — перенос сторонних запросов к себе.
После этих четырёх вклад плагина скорости измерим, но невелик. Установленный до них, он в основном украшает баллы и мало меняет опыт.
Обычно нет. Плагины делают кэширование, сжатие и объединение — это полезно, но они не исправляют неоптимизированные изображения, составляющие большую часть веса, неверно помеченный элемент LCP и изображения без размеров. Установленный до этих четырёх шагов плагин в основном украшает баллы.
При разумных настройках — незаметно. В реальной установке папка изображений уменьшилась примерно со 147 МБ до 10 МБ без видимой потери качества. Следите за тремя вещами: не удаляйте оригиналы сразу, проверьте прозрачность PNG и осмотрите сайт после конвертации.
Нет, наоборот. loading="lazy" на изображении первого экрана заставляет браузер запросить его позже и напрямую ухудшает LCP. Ленивая загрузка верна только для изображений ниже сгиба; элемент LCP, напротив, следует предзагружать.
Да, это измеримый выигрыш: исчезают два внешних соединения. При переносе копируйте правила @font-face дословно и сохраняйте строки unicode-range — иначе браузер скачает лишние алфавиты, а нужные буквы могут отрисоваться запасным шрифтом.