Швидкість сайту: прискорення й Core Web Vitals аудит і прискорення
Про послугу
Швидкість сайту вимірюють у Google PageSpeed Insights за трьома показниками Core Web Vitals: LCP — час появи головного елемента екрана, INP — реакція на дії користувача, CLS — зсуви макета. Google вважає добрими LCP до 2,5 с, INP до 200 мс і CLS до 0,1 — за даними реальних відвідувачів, щонайменше у 75% візитів.
Прискорення ми починаємо з аудиту: перевіряємо ключові шаблони сторінок на телефоні, дивимось, що вантажиться першим, які скрипти блокують показ і як швидко відповідає сервер. Потім виправляємо в коді: картинки, шрифти, CSS і JavaScript, сторонні віджети, кеш і налаштування хостингу. Наш власний сайт theonebly.com має 95–100 балів у PageSpeed Insights на мобільному.
На виході — звіт із причинами гальмування, прискорений сайт і заміри до й після. Якщо хостинг не витримує навантаження, переносимо сайт на інший хостинг, а за потреби беремо швидкість на підтримку.
- Формат роботи
- аудит і прискорення
- Вартість
- після аудиту швидкості
- Метрики
- LCP, INP, CLS
- Старт роботи
- безкоштовна консультація
Як перевірити швидкість сайту
Перевірити швидкість сайту можна безкоштовно за кілька хвилин:
- Відкрийте PageSpeed Insights і вставте адресу сторінки — не лише головної, а й картки товару чи послуги.
- Дивіться вкладку «Мобільний»: Google оцінює насамперед мобільну версію.
- Верхній блок — дані реальних відвідувачів за 28 днів (оцінка Core Web Vitals), нижній — лабораторний тест із балом від 0 до 100.
- У Google Search Console звіт «Основні веб-показники» покаже, які групи сторінок повільні.
Бал лабораторного тесту коливається від запуску до запуску, тож орієнтуйтеся на польові дані й кілька замірів поспіль.
Що найчастіше гальмує сайт
Найчастіше сайт гальмує не «повільний інтернет у відвідувача», а кілька типових причин:
- великі картинки без WebP і без правильних розмірів;
- CSS і JavaScript, які блокують показ першого екрана;
- сторонні скрипти: пікселі, чати, віджети, карти;
- важкі теми, конструктори сторінок і десятки плагінів;
- шрифти, які вантажаться всі одразу й затримують текст;
- повільний хостинг і відсутність кешу.
Зазвичай більшу частину затримки дають дві-три причини — з них і починаємо.
Результат: що змінюється після прискорення
Після прискорення сторінки швидше показують перший екран і швидше реагують на натискання, а макет перестає «стрибати» під час завантаження. Що це дає:
- відвідувачам із телефонів не доводиться чекати, тож менше людей іде, не дочекавшись сторінки;
- реклама веде на сторінку, яка відкривається одразу;
- Google бачить добрий досвід сторінки — це один із сигналів ранжування, хоч і не головний.
Відсотків зростання не обіцяємо: результат показують заміри до й після. Для прикладу: наш сайт theonebly.com має 95–100 балів у PageSpeed Insights на мобільному. Польові дані в Search Console оновлюються протягом 28 днів.
Що входить
Аудит швидкості
Заміри PageSpeed і розбір причин гальмування для кожного шаблону.
Картинки
WebP чи AVIF, правильні розміри й ліниве завантаження нижче першого екрана.
CSS і JavaScript
Прибираємо зайве й знімаємо блокування показу сторінки.
Сторонні скрипти
Пікселі, чати й віджети вантажаться тоді, коли справді потрібні.
Сервер і кеш
Кешування, стиснення й швидша відповідь сервера (TTFB).
Перенесення хостингу
Переносимо сайт на швидший хостинг з мінімальним простоєм.
Етапи роботи
Заміри
Знімаємо польові й лабораторні дані, фіксуємо стан «до».
Діагностика
Шукаємо, що гальмує кожен шаблон, і складаємо план за пріоритетами.
Прискорення
Виправляємо код, картинки й сервер на тестовій копії сайту.
Перевірка
Публікуємо зміни, порівнюємо заміри й стежимо за Core Web Vitals у Search Console.
Що буде після запуску
Виправляємо помилки, вносимо дрібні правки й стежимо, щоб заявки з сайту доходили до вас.
Навчимо працювати з сайтом
Покажемо, як самостійно змінювати тексти, фото, послуги й статті — без розробника.
Усі доступи — ваші
Адмінка, домен, хостинг, макети й аналітика переходять на ваш акаунт.
Далі — як зручно вам
Технічна підтримка, SEO й розвиток сайту помісячно — лише коли це потрібно.
Пакети й вартість
Аудит швидкості
- Заміри PageSpeed для ключових шаблонів
- Аналіз польових даних Core Web Vitals
- Список причин гальмування
- План робіт за пріоритетами
- Оцінка вартості прискорення
Прискорення
- Оптимізація картинок і шрифтів
- CSS і JavaScript без блокування показу
- Сторонні скрипти, кеш і сервер
- Заміри до й після
Підтримка швидкості
- Щомісячні заміри Core Web Vitals
- Контроль нових плагінів і скриптів
- Оновлення з перевіркою швидкості
- Перенесення на інший хостинг за потреби
Часті запитання
Як перевірити швидкість сайту?
Найпростіше — у Google PageSpeed Insights: вставте адресу сторінки й відкрийте вкладку «Мобільний». Верхній блок показує дані реальних відвідувачів, нижній — лабораторний тест. Для всього сайту корисний звіт «Основні веб-показники» в Search Console.
Яка швидкість сайту вважається доброю?
За порогами Google: LCP до 2,5 с, INP до 200 мс, CLS до 0,1. Сторінка проходить оцінку Core Web Vitals, коли всі три показники в зеленій зоні щонайменше у 75% візитів.
Чи впливає швидкість сайту на позиції в Google?
Так, але помірно: Core Web Vitals входять до сигналів досвіду сторінки, які враховує Google. Корисний і релевантний вміст важить більше, тож прискорення не замінює SEO, а допомагає йому. Позицій за прискорення ми не обіцяємо.
Скільки коштує прискорення сайту?
Аудит швидкості коштує $250. Вартість самого прискорення називаємо після аудиту: вона залежить від причин гальмування, платформи й кількості шаблонів сторінок.
Чи перенесете сайт на інший хостинг?
Так. Якщо аудит показує, що гальмує сервер, підбираємо хостинг під ваш сайт і переносимо файли й базу даних з мінімальним простоєм. Після переїзду перевіряємо сторінки, форми й SSL-сертифікат.
Чи треба переробляти сайт, щоб він став швидшим?
Здебільшого ні: більшість причин виправляється в наявному коді, картинках і налаштуваннях сервера. Якщо сайт зібраний на важкому конструкторі й інакше не прискорюється, запропонуємо переробити лише ті шаблони, що гальмують найбільше.
Інші формати
Покажемо, яким буде ваш сайт і скільки він коштує
Безкоштовна консультація: розберемо нішу й конкурентів, запропонуємо структуру, кошторис і терміни — навіть якщо ви ще порівнюєте підрядників.
- Кошторис і терміни — до старту
- Оплата поетапно
- Сайт і всі доступи — ваші
Після заявки звʼяжеться провідний менеджер: безкоштовно проконсультує, обговорить ваші завдання й відповість на питання щодо стратегії.