01
Аудит швидкості
Заміряємо ключові шаблони в PageSpeed Insights і Lighthouse, дивимося польові дані Core Web Vitals у Search Console, якщо вони є.
01 Що входить
Що входить у прискорення
Працюємо з причинами, а не з балами заради скриншота: кожна зміна має скорочувати час, за який людина бачить сторінку й може з нею працювати.
02
Зображення
WebP-копії, розміри під екран, lazy loading для всього нижче першого екрана й високий пріоритет для головної картинки.
03
Сторонні скрипти
GTM, пікселі, Clarity, чати й віджети запускаємо після першої дії відвідувача, щоб вони не заважали завантаженню.
04
Шрифти та стилі
Прибираємо ресурси, що блокують відмальовування, підключаємо лише потрібні накреслення шрифтів.
05
Кеш і сервер
Кеш сторінок, стиснення, заголовки кешування для статики. Скорочуємо час відповіді сервера (TTFB).
06
Стабільна верстка
Задаємо розміри картинкам, банерам і вбудованим блокам, щоб сторінка не стрибала під час завантаження (CLS).
07
JavaScript
Вимикаємо бібліотеки там, де вони не потрібні, і розбираємо важкі обробники, що затримують відгук на натискання (INP).
08
Повторні заміри
Порівнюємо «до» і «після» та даємо рекомендації, щоб нові блоки й плагіни не повернули сайт у червону зону.
02 Кейс
Кейс: сайт ntsame.agency
Найкращий приклад – сайт, який ви зараз читаєте. Ми зробили його самі й перевіряли кожен реліз у PageSpeed Insights. Нижче – оцінки сторінки /locations/dubai/ на телефоні та компʼютері.
Продуктивність
Доступність
Рекомендації
SEO
Продуктивність
Доступність
Рекомендації
SEO
0,3 с
FCP – перше відмальовування
0,5 с
LCP – головний елемент сторінки
0 мс
TBT – блокування основного потоку
0,001
CLS – зсув верстки
Компʼютер, PageSpeed Insights, /locations/dubai/
Що зробили
- 01WebP замість JPG і PNGДля картинок теми й медіатеки створюються WebP-копії, і браузер отримує легку версію автоматично.
- 02Lazy loading і fetchpriorityКартинки нижче першого екрана вантажаться під час прокручування, а головна – з високим пріоритетом.
- 03Аналітика після першої діїGTM, Meta Pixel і Microsoft Clarity запускаються, коли відвідувач прокрутив сторінку, клікнув або натиснув клавішу. Лічильники працюють, але не беруть участі в першому завантаженні.
- 04Власний кеш сторінокГотовий HTML зберігається на диску й віддається без запуску WordPress. Час відповіді сервера скоротився з 0,6 до 0,15 с.
- 05Переходи без перезавантаженняSwup підміняє лише вміст сторінки, тому шапка, стилі та скрипти не завантажуються заново під час кожного переходу.
03 Етапи роботи
Як проходить робота
01
Заміри
Фіксуємо початкові оцінки PageSpeed і Core Web Vitals по ключових сторінках: головна, каталог, картка, стаття.
02
План
Список причин з оцінкою впливу та трудомісткості. До початку робіт ви бачите, що дасть кожна зміна.
03
Впровадження
Вносимо зміни на копії сайту, перевіряємо, що нічого не зламалося, і переносимо на робочий сайт.
04
Звіт
Повторні заміри, порівняння «до» і «після» та рекомендації, як зберегти швидкість надалі.
Рейтинги та нагороди
Профіль Clutchclutch.co
Профіль GoodFirmsgoodfirms.co
Профіль Freelancehuntfreelancehunt.com
IT-Rating 19відгуків клієнтів
IT Рейтинг України Топ-5 Laravel6 років поспіль, 2020–2025
IT Рейтинг України Топ-10 React2020–2024
● Гарантії
Працюємо прозоро
Ви заздалегідь знаєте, що отримаєте, скільки це коштує і коли буде готово.
Договір і NDA
Підписуємо договір і угоду про нерозголошення до початку робіт.
Фіксований кошторис на етап
Ціна етапу не змінюється в процесі роботи. Нові задачі – лише після погодження.
Демо кожні два тижні
Тестовий сервер із доступом для вас: видно, що зроблено, без очікування фіналу.
Код і доступи – ваші
Передаємо вихідний код, документацію та всі доступи. Проєкт не прив'язаний до нас.
Гарантійний період
Після запуску безкоштовно виправляємо помилки, знайдені в межах зробленого.
Підтримка після запуску
Залишаємося на зв'язку: доопрацювання, оновлення та розвиток щомісяця або за задачами.
04 Питання
Часті запитання
Не знайшли відповідь?
Залиште ім’я та e-mail – відповімо на пошту протягом робочого дня.
01Чому оцінка в PageSpeed Insights щоразу різна?
Лабораторний тест запускається на серверах Google і залежить від їхнього навантаження, мережі та сторонніх скриптів на сторінці. Коливання в кілька балів – норма. Тому ми порівнюємо кілька замірів і дивимося на польові дані Core Web Vitals: це реальні відвідувачі сайту за останні 28 днів.
02Чи впливає швидкість сайту на SEO?
Core Web Vitals – один із сигналів, які Google враховує під час ранжування, але не головний: зміст сторінки важливіший. Сильніше швидкість впливає на поведінку – повільний сайт частіше закривають, не дочекавшись завантаження, особливо з телефона. Про просування докладніше на сторінці SEO-просування.
03Чи можна прискорити сайт на WordPress, OpenCart або Shopify?
Так. На WordPress, WooCommerce і OpenCart ми працюємо з темою, плагінами та сервером. На Shopify сервер і кеш належать платформі, тому прискорюємо тему, зображення та сторонні застосунки.
04Чи потрібно змінювати хостинг?
Не завжди. Спершу дивимося, з чого складається час відповіді сервера. Якщо сервер повільний через код або відсутність кешу, переїзд не допоможе. Якщо він упирається в ресурси, скажемо про це й запропонуємо варіанти.
05Скільки коштує прискорення сайту?
Залежить від платформи, кількості шаблонів і того, що саме гальмує. Після первинних замірів називаємо фіксовану вартість і склад робіт.
06Чи збережеться швидкість після робіт?
Швидкість падає, коли на сайт додають нові плагіни, віджети й важкі картинки. Прискорення можна зробити разовим проєктом або взяти сайт на доопрацювання та підтримку і перевіряти швидкість після релізів.
05 Разом із цим замовляють
Пов'язані послуги
13Доопрацювання та підтримкаБеремо проєкти після інших підрядників, впроваджуємо ТЗ від SEO-фахівців, підтримуємо щомісяця.
11SEO-просуванняТехнічний аудит, структура, контент і посилання. Зростання органічного трафіку та позицій.
06CRO – зростання конверсіїШукаємо, де воронка втрачає клієнтів, переробляємо картку, кошик і чекаут, перевіряємо A/B-тестами.01Інтернет-магазиниКаталоги на тисячі товарів, фільтри, онлайн-оплата, доставка, вивантаження в маркетплейси та прайс-агрегатори.● Докладніше
Прискорення завантаження сайту
Прискорення завантаження сайту – це робота з тим, що відвідувач бачить у перші секунди: як швидко зʼявляється перший екран, коли можна натиснути кнопку і чи не стрибає верстка. Google вимірює це метриками Core Web Vitals – LCP, INP і CLS – і показує їх у PageSpeed Insights.
Ми не женемося за сотнею балів заради скриншота. Завдання – щоб сторінка швидко відкривалася на звичайному телефоні з мобільним інтернетом. Як це виглядає на практиці, видно з нашого сайту: 96 балів продуктивності на телефоні та LCP 0,5 с на компʼютері.
Читати повністю
Що зазвичай гальмує сайт
- Зображення без стиснення та в оригінальному розмірі.
- Лічильники, пікселі, чати й віджети, що вантажаться одразу.
- Шрифти та стилі, які блокують відмальовування.
- Відсутність кешу та повільна відповідь сервера.
- Плагіни й бібліотеки, підключені на всіх сторінках, хоча потрібні на одній.
Як знайти кожну з цих причин у звіті й виправити її, розібрали у статті як оптимізувати сторінку під PageSpeed – з чек-листом наприкінці.
Швидкість під час редизайну й переїзду
Якщо ви плануєте новий сайт, швидкість простіше закласти одразу, ніж виправляти потім. Під час перенесення важливо не втратити позиції – про це наш чек-лист перенесення сайту без втрати позицій. Вибір платформи теж впливає на те, що можна оптимізувати: порівняння у статті OpenCart, WooCommerce, Shopify чи Laravel.
Швидкість і конверсія
Швидкий сайт сам по собі не продає, але повільний втрачає покупців ще до першого екрана. Тому швидкість – один із пунктів нашого чек-листа CRO для інтернет-магазину і частина роботи над зростанням конверсії. Якщо просуваєте сайт у пошуку, прискорення добре поєднується з SEO-просуванням, а підтримувати результат допомагає доопрацювання та підтримка.
Перевіримо швидкість вашого сайту
Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.