Здоровья коллегам по опасному бизнесу! 👋

Конечно, мы все копим на свою Ламбу (ну или на Немца, на крайняк), и сливать по $20 в месяц на платные плагины — это не для выдающихся бизнесменов. Посему ловите наш гайд по ускорению сайта: понадобится только ваше драгоценное время и чималый ум.

Сразу к делу. Тормозит сайт — Google тебя вниз, посетители разбегаются, бабло мимо кассы. Летает сайт — выше в выдаче, больше народу, больше денег. Просто, как два пальца.

В сети полно «гуру», которые впаривают платный плагин за $20 в месяц и орут: «смотрите, было 45 — стало 100!». Открою секрет: то же самое выжимается бесплатно. Платный плагин просто красиво обернул то, что и так все умеют. Щас покажу что.

Погнали. 🚀

Вначале — пруфы (что-то настоящее, а не инфо-фуфло)

Открываем PageSpeed Insights, кидаем URL, жмём «Анализировать». Смотрим сразу мобильную вкладку — Google всё мерит по мобиле, да и народ к тебе в основном с телефона лезет, а не с компа.

А теперь — то, о чём гуру помалкивают: 100 баллов — это лабораторный тест, его легко натянуть. Реальная скорость для дышащего гуманоида, твоего будущего клиента (Core Web Vitals в поле), процентов на 70 зависит от хостинга и TTFB — насколько быстро сервер вообще отдаёт первый байт. Навесишь хоть десять плагинов — балл вырастет, а на дохлом хостинге сайт всё равно будет тупить. Поэтому начинаем с базы.

Шаг 0. База — хостинг и PHP

Самый недооценённый бесплатный буст — версия PHP. Куча сайтов до сих пор сидит на 7.4 (а кто-то и на 5.6, привет из могилы), а это в 2-3 раза медленнее свежего.

Лезем в панель хостинга → «Версия PHP» → ставим 8.1, 8.2 или 8.3. Бесплатно и сразу пинок к скорости.

Перед сменой — бэкап. Крякнет какой-нибудь древний плагин на PHP 8 — просто откатишься назад. Но в 95% случаев всё норм.

Шаг 1. Кэш — главный по скорости 👑

Это вообще номер один. Без кэша WordPress на каждый клик заново лепит страницу из базы — тупо и медленно. Кэш слепил один раз и отдаёт готовое.

Бесплатные варианты, по серверу:

• LiteSpeed Cache — если хостинг на LiteSpeed/OpenLiteSpeed (спроси у саппорта). Лучший бесплатный, без базара. Ещё и картинки с минификацией умеет.
• W3 Total Cache или WP Super Cache — если сервер Apache/nginx.
• WP Fastest Cache — если хочешь «поставил и забыл».

Втыкаем, врубаем Page Cache, чистим кэш, перезамеряем. Только за это балл частенько прыгает на 20-30 пунктов.

Шаг 2. Картинки — главные жирдяи 🐷

90% веса сайта — это нежатые картинки. Лечим тремя движениями:

а) Жмём в WebP/AVIF. Эти форматы весят на 30-70% меньше JPEG/PNG при том же качестве. Бесплатные плагины: ShortPixel, Imagify, Converter for Media — у всех бесплатная квота на месяц, мелкому сайту за глаза.

б) Сжатие. Те же плагины при загрузке давят вес — на глаз и не заметишь.

в) Lazy-load. Картинки внизу грузятся не сразу, а когда юзер до них доскроллил. В WordPress это уже встроено (loading="lazy"), но глянь, чтоб тема его не вырубила.

И мелочь, которую все забивают — всегда прописывай размеры картинки (width и height), иначе страница «прыгает» при загрузке и роняет метрику CLS:

<img src="cat.webp" width="800" height="600" alt="кот разработчика" loading="lazy">

Шаг 3. Минификация CSS/JS — режем тормоза

Браузер залипает, пока тянет и разбирает кучу мелких CSS/JS-файлов. Решение — сжать и склеить их. Бесплатный народный герой тут — Autoptimize.

Ставим, заходим в настройки, врубаем галки:

• ✅ Optimize JavaScript Code
• ✅ Optimize CSS Code
• ✅ Aggregate (склейка файлов)
• ✅ Defer non-critical JS — отложенная загрузка скриптов

После каждой галки — глянь сайт глазами. Агрессивная склейка иногда ломает анимации или формы. Сломалось — вырубай последнюю галку, и порядок.

Хочешь ещё жёстче — Critical CSS (стили первого экрана пихаем в строку, остальное грузим потом). Autoptimize умеет, плюс есть бесплатные генераторы.

Шаг 4. Шрифты — базовая болячка ещё со школьных времён

Google Fonts, подключённые прямо с серверов Google, — это лишние запросы на чужой домен и тормоз с отрисовкой текста. Делаем два движения:

а) Тащим шрифты к себе. Качаем шрифт на свой сервер. Бесплатный плагин OMGF делает это в один клик.

б) font-display: swap — чтоб текст показался сразу обычным шрифтом, а красивый подтянулся следом (а не «белая дыра» вместо букв):

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter.woff2') format('woff2');
  font-display: swap;
}

в) Preload главного шрифта, чтоб браузер схватил его пораньше:

<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>

Шаг 5. Чистим базу 🧹

За годы база WordPress превращается в помойку: сотни черновиков-ревизий, спам-комменты, хвосты удалённых плагинов. Бесплатный WP-Optimize выметает это в пару кликов.

А чтоб ревизии не плодились без конца — кинь в wp-config.php:

define('WP_POST_REVISIONS', 5);   // держим максимум 5 ревизий на пост
define('EMPTY_TRASH_DAYS', 7);    // чистим корзину раз в неделю

Шаг 6. Подчищаем лишнее

Каждый плагин — плюс к весу и минус к скорости. Пройдись по списку и честно спроси себя: «я этим вообще пользуюсь?». Что стоит «на всякий случай» — вырубай и сноси.

То же с темой: тяжёлый шаблон с сотней настроек тормозит. Лёгкие бесплатные темы-ракеты — GeneratePress, Astra, Kadence или блочные темы. (Мы вообще на наших проектах любим не WordPress, а быстрые сайты на Astro — но это уже другая песня 😏.)

Шаг 7. Cloudflare — бесплатный CDN и броня

Тема для нас сейчас особенно болезненная. В Украине настали нелёгкие времена: сайты и сервера регулярно ловят DDoS-атаки — то конкуренты шалят, то «гости» с севера кладут хостинги пачками. И вот тут бесплатный Cloudflare — реально крутейшее решение: он принимает удар на себя и отсеивает ботов и мусорный трафик ещё на подлёте, до того как они доберутся до твоего сервера. То есть это не только про скорость — это ещё и про то, чтобы сайт банально устоял и не лёг в самый неподходящий момент.

Регаем сайт в Cloudflare (бесплатный тариф) — и получаем CDN (контент раздаётся с серверов по всему миру, ближе к юзеру), сжатие Brotli, HTTP/3 и защиту от ботов в довесок.

Что врубить бесплатно: ✅ Brotli, ✅ HTTP/3 (QUIC), ✅ кэш статики.

А вот авто-минификацию JS/CSS в самом Cloudflare врубать не надо — они её выпилили ещё в 2024-м. Минификацию оставляем на Autoptimize (Шаг 3).

Шаг 8. Мелочи, которые дожимают балл в зелёнку

Пара строк в functions.php темы (лучше — в дочерней):

// Вырубаем эмодзи-скрипт WordPress (лишний запрос на каждой странице)
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

И preload LCP-картинки — самого жирного элемента первого экрана (обычно баннер или лого):

<link rel="preload" as="image" href="/images/hero.webp">

Плюс preconnect к внешним доменам (счётчики, виджеты), чтоб коннект поднимался заранее:

<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>

А «сердцебиение» админки (WP Heartbeat жрёт ресурсы) проще приструнить бесплатным плагином Heartbeat Control — руками не лезь.

Замер «после» 🎉

Гоняем PageSpeed ещё раз. И вот оно:

Из 45 в зелёнку. Ноль потраченных гривен, только время и тот самый чималый ум.

Чек-лист «разгони сам» ✅

• PHP обновлён до 8.1+
• Стоит плагин кэширования (Page Cache включён)
• Картинки в WebP + сжаты + lazy-load
• CSS/JS склеены и минифицированы (Autoptimize)
• Шрифты лежат у себя + font-display: swap
• База почищена, ревизии обрезаны
• Лишние плагины снесены, тема лёгкая
• Подключён Cloudflare (Brotli + HTTP/3)
• Эмодзи вырублены, preload LCP настроен

А мы что, не на WordPress сидим? 😅

Сидим, ещё как. Сайт, который ты прямо сейчас читаешь — goodweb.ua крутится на том же WordPress. Так что всё, что выше, мы не из буржунета втихаря переписали, а обкатали на собственной шкуре, вот тут. Не веришь — жми F12 → вкладку Network → обнови страницу и сам глянь, как оно шуршит. Если бы наш сайт тормозил — грош цена была бы этому гайду, согласись. 😎

А если возиться лень?

В общем, пацаны. Всё выше реально сделать самому за вечер с чашкой кофе. Но если своё время вам дороже, чем нервы на воюющие плагины, ломающуюся минификацию и капризный critical CSS — мы в GoodWeb разгоняем сайты под ключ: замер, оптимизация, гарантия зелёных Core Web Vitals — без вашего участия.

А нет — забирай гайд и вперёд, цеховики. Скорость лишней не бывает. 😎

Кидайте в комменты свой балл «до/после» — гляну, у кого как вышло.