⚡ Коротко
Наш сайт вантажився 9,3 секунди на мобільному — Google PageSpeed показував лише 50 балів зі 100. Ми думали, що винен наш код. Справжня причина виявилась зовсім іншою — розповідаємо, що знайшли і що з цим зробили.
Швидкість сайту — та річ, про яку згадують, коли вже пізно: відвідувач відкрив сторінку, почекав кілька секунд і закрив вкладку. Майже те саме сталося з нашим власним сайтом — і причина виявилась не там, де ми її шукали.
Що показала перша перевірка
Перевірка швидкості завантаження сайту через Google PageSpeed Insights видала мобільний бал 50 зі 100. Найбільша проблема — LCP (Largest Contentful Paint), час, за який людина на екрані бачить найбільший видимий елемент сторінки. Простими словами: Core Web Vitals що це — три метрики, якими Google міряє відчуття швидкості реальними людьми, і LCP одна з них. У нас він становив 9,3 секунди — Google вважає прийнятним показник до 2,5.
Ми шукали не там
Два дні ми оптимізовували власний код — стискали зображення, чистили CSS, переносили скрипти в кінець сторінки. Локально LCP показував менше секунди. На проді — та сама цифра, 9,3.
Розгадка знайшлась у детальному звіті: 1253 з 2880 кілобайт сторінки і понад 5 секунд процесорного часу забирав скрипт recaptcha__en.js — форму reCAPTCHA без async чи defer вставляла сама Netlify (хостинг, на якому розміщений наш сайт), а не наш код. Цього скрипта не було в жодному файлі нашого репозиторію.
Не знаєте, чому гальмує ваш сайт?
Зробимо технічний аудит і покажемо чесну картину — без здогадок.
Що ми зробили
Рішення — власний віджет reCAPTCHA з власними ключами замість вбудованого рішення хостингу; серверна перевірка при цьому нікуди не зникає. Паралельно перевели шрифти на self-host — раніше вони тягнулись із Google Fonts, і на холодному кеші це коштувало ще майже 3 секунди — і прибрали з коду шрифт, який був підключений, але жодного разу не використовувався в CSS.
Результат
PageSpeed для мобільної версії піднявся з 50 до 74 балів, LCP — з 9,3 до приблизно 1 секунди. Час блокування головного потоку (TBT) впав з 630 до 70 мілісекунд, вага сторінки — з 2880 до 1307 кілобайт. Перевірити швидкість завантаження сайту гугл-інструментом тепер можна за секунду — і ми регулярно так робимо, щоб цифра не поповзла назад непомітно. Це не просто цифра для звіту: швидкість — один з факторів SEO-просування, і повільний сайт Google показує в пошуку гірше.
Головний висновок з цього кейсу: перш ніж оптимізувати власний код, варто спершу подивитись, що реально вантажить сторінку на живому сайті — іноді найдорожчий скрипт узагалі не ваш. Якщо підозрюєте, що ваш сайт гальмує, а причина незрозуміла — напишіть нам, зробимо технічний аудит і покажемо чесну картину.
Найпростіше — написати нам у Telegram або залишити заявку.