Прискорення сайту на WordPress

Піднімаємо PageSpeed і Core Web Vitals на реальному WordPress: тема, плагіни, кеш, зображення й критичний CSS — без «магії плагіна» і без поломки верстки.

Що перевіряємо
Мобільний PageSpeed
LCP
TBT
Score

Нам довіряють клієнти по всьому світу

Що реально рухає швидкість

Працюємо від вимірювання: спочатку те, що б’є по LCP і TBT, потім дрібниці.

01

LCP і перший екран

Hero-зображення, фони в CSS, preload і fetchpriority — найчастіше найбільший виграш.
02

CSS без поломки сітки

Критичний CSS і відкладення важких стилів так, щоб Bootstrap/тема не «склалися».
03

JS і плагіни WP

Відкладаємо CF7, слайдери, аналітику до взаємодії; прибираємо мертвий код теми.
04

Медіа й кеш

WebP/srcset, ліниве завантаження «не LCP», LiteSpeed/page cache без битих сторінок.

Типові вузькі місця WordPress

Те, з чим стикаємось на маркетингових і корпоративних сайтах щотижня — від LCP до кешу.

Великий LCP-кадр

Hero без WebP/srcset або з lazy на головному фото — міняємо на picture + fetchpriority.

CSS-фон замість <img>

Великий background-image на секції часто стає LCP; виносимо в контент або легкий WebP.

Render-blocking CSS

Десятки stylesheet у <head>; критичний CSS + async для secondary (шрифти, vendor, CF7).

Критичний CSS «на око»

Занадто агресивні правила ламають col-lg-* — пишемо low-specificity і mobile-only shell.

Шрифти vs LCP

Preload зайвого шрифту конкурує з hero; лишаємо LCP-зображення пріоритетом.

FOUC / «гола» сторінка

Не відкладаємо layout-CSS до scroll — Bootstrap і theme style лишаються blocking.
Web dev tech: brief, wireframes, stack, responsive, database, security, chart.

Важкий plugins.js / theme.js

Сотні кілобайт на кожній сторінці — defer до idle або першої взаємодії.

Contact Form 7 sitewide

Скрипти й стилі форм на сторінках без форми — lazy-load біля модалки/форми.

Слайдери й Swiper

Ініціалізація до viewport — переносимо на scroll/visible.

jQuery-стек «про всяк випадок»

Прибираємо залежності, які ніхто не викликає на головній.

Треті сторони

Cookie, чати, пікселі — після consent / interaction, не в критичному шляху.

Main-thread (TBT)

Довгі задачі від плагінів — профілюємо й ріжемо або відкладаємо.
Web design: palette, typography, UI components, media, grid, design tokens, chart.

Тема вантажить усе всюди

На лендінгах dequeue block-library / зайвий CSS; MU-плагіни для точкових фіксів.

Кеш LiteSpeed / page cache

Правильні правила purge після деплою; без віддачі битого HTML.

Модулі PageSpeed на хостингу

Іноді ламають CSS/JS — перевіряємо з bypass і вимикаємо шкідливе.

WPML / мови

Дублі ресурсів і hreflang не повинні тягнути зайві стилі на кожну мову.

SEO-плагіни

Sitemap, canonical, noindex для «сміттєвих» page/N — швидкість + індексація.

Автозавантаження WP

Роздування autoload options і cron — прибираємо сміття з БД.
Launch: deploy, hosting, payments, API, CDN domain, checklist, chart.

PageSpeed / Lighthouse lab

Mobile Performance, LCP, TBT, CLS — до і після з тими самими URL.

Польові дані (CrUX)

Якщо є — звіряємо lab із реальними користувачами.

Waterfall мережі

Що блокує перший рендер: CSS, шрифти, JS, зображення.

Регресії верстки

Скріншоти desktop/mobile після кожного кроку оптимізації.

Чекліст приймання

Цільові метрики + «верстка не зламана» як окремий критерій.

План утримання

Що не чіпати після релізу (кеш, критичний CSS, LCP-img).
Support analytics: GA4, funnel, CWV gauge, uptime, tickets, versioning, chart.

Від аудиту до стабільного score

Спочатку вимірюємо й фіксуємо ризики для верстки, потім ріжемо bottlenecks.

01

Аудит і пріоритети

Lighthouse, waterfall, список плагінів/теми. Рейтинг: LCP → CSS/JS → медіа → кеш.
PSI DevTools
02

Швидкі перемоги

Hero WebP, прибрати важкий CSS-фон, preload LCP, відкласти CF7/слайдери.
LCP TBT
03

Тема й плагіни

Точкові правки теми / MU-плагін, dequeue зайвого, безпечний critical CSS.
WP CSS
04

Кеш і хостинг

LiteSpeed/CDN, правила purge, перевірка модулів оптимізації хостера.
Cache
05

Приймання

Повторні прогони PSI, скріни верстки, короткий гайд «як не відкотити прогрес».
QA

Що зазвичай змінюється

Орієнтири з типових WordPress-проєктів; точні цифри — після аудиту вашого URL.

Формати робіт

Фіксуємо обсяг після короткого аудиту URL і списку плагінів.

Аудит
від 5000₴ / разово
Діагностика
  • Lighthouse mobile/desktop
  • Waterfall і список bottlenecks
  • Пріоритетний беклог
  • Оцінка трудомісткості
  • Впровадження правок
Супровід
від 2000₴ / міс
Утримання score
  • Моніторинг регресій
  • Після оновлень WP/плагінів
  • Дрібні perf-правки
  • Короткий місячний звіт

Питання

Чому «плагін прискорення» не допоміг?
+
Більшість плагінів агресивно відкладають CSS/JS і ламають сітку або LCP. Ми ріжемо конкретні bottlenecks у темі й плагінах і перевіряємо верстку скрінами.
Чи гарантуєте 90+ у PageSpeed?
+
Ціль узгоджуємо після аудиту: залежить від хостингу, сторонніх скриптів і дизайну. Часто реалістично суттєво зрізати LCP/TBT; «магічні 100» без зміни дизайну — рідко.
Чи зламаєте верстку заради score?
+
Ні. Критерій приймання — метрики й збережений layout (desktop/mobile). Критичний CSS без небезпечних overrides сітки.
Що важливіше: картинки, кеш чи плагіни?
+
Зазвичай у такому порядку: LCP-медіа/фони → render-blocking CSS → важкий JS/плагіни → кеш/CDN → дрібниці (favicon, прелоади).
Чи працюєте з WooCommerce?
+
Так, але e-com має окремі вузькі місця (картки, фільтри, фрагменти кешу). Оцінюємо окремо від простого лендінгу.
Скільки триває типовий проєкт?
+
Аудит — кілька робочих днів. Оптимізація маркетингової головної — зазвичай 1–2 тижні з прийманням.

Покажемо, що тягне ваш WordPress вниз

Надішліть URL — повернемо пріоритети LCP/TBT і орієнтовний план робіт.

* Працюємо з темою, MU-плагінами та кешем на вашому хостингу.