Швидкість сайту
Чому WordPress повільно завантажується і як прискорити сайт
Як знайти причину повільного WordPress за допомогою PageSpeed Insights, що перевірити на мобільному та як оцінити результат прискорення.
Олександр Єрмоленко
Якщо головна відкривається швидко, а каталог або оформлення замовлення зависають, почніть із проблемної сторінки. Затримку можуть спричиняти сервер, важке зображення або скрипт, який запускається після натискання. Кожну з цих причин перевіряють по-різному.
Перевірте сторінки, на яких втрачаєте клієнтів
Візьміть три адреси: головну, сторінку послуги або товару й сторінку, на якій залишають заявку чи оформлюють замовлення. Перевірте їх у PageSpeed Insights у мобільному режимі та повторіть сценарій на телефоні без входу в адмінку. Запишіть, що саме затримується: перша поява контенту, відкриття меню, вибір варіанта товару чи підтвердження замовлення.
PageSpeed Insights показує лабораторний тест і, якщо зібрано достатньо даних, досвід реальних відвідувачів. Перевірте, чи польові дані стосуються конкретної сторінки або всього домену. Для порівняння до і після використовуйте однакові URL, режим пристрою та кілька запусків.
Визначте, що саме гальмує WordPress
- Сторінка довго порожня. Перевірте час до першого байта (TTFB) і чи працює кеш для анонімного відвідувача. Якщо сервер повільно відповідає навіть без сторонніх скриптів, варто перевірити запити до бази, плагіни та ліміти хостингу.
- Текст видно, а перший екран довго домальовується. Знайдіть елемент LCP у звіті. Якщо це головне фото, перевірте його розміри та формат і переконайтеся, що воно завантажується одразу.
- Натискаєте кнопку, а відповідь затримується. Перевірте скрипти фільтрів, чату й аналітики. Якщо під час завантаження стрибає верстка, задайте місце під зображення, банери та віджети.
Що перевірити після оптимізації WooCommerce
Повторіть шлях покупця на телефоні: знайдіть товар, виберіть варіант, додайте в кошик, змініть кількість і дійдіть до оплати. Перевірте, що кошик, оформлення замовлення й особистий кабінет обробляються за правилами кешування для персоналізованих сторінок. Після зміни налаштувань JavaScript також перевірте форми, промокоди та способи доставки.
Для корпоративного сайту контрольні дії простіші: відкрийте меню, заповніть форму й переконайтеся, що тестова заявка дійшла до отримувача.
Як прийняти роботу з прискорення сайту
Попросіть звіт по тих самих URL із показниками до і після, списком змін і результатами перевірки основних дій. LCP описує появу найбільшого видимого елемента, INP — швидкість реакції на взаємодію, CLS — стабільність верстки. У польових даних Google орієнтири для цих метрик становлять до 2,5 с, до 200 мс і до 0,1 відповідно. Джерело — довідка Google про Core Web Vitals.