03 — ВЕБ-РОЗРОБКА / 2 ХВ
Швидкість сайту: чому це важливо і як перевірити розробника
Прості способи перевірити, чи дійсно ваш новий сайт оптимізований, за допомогою Google Lighthouse.
Швидкість — це не «плюс до SEO», який роблять потім. Це те, чи встигає людина побачити пропозицію, поки в неї є терпець. З телефону. На звичайному зв’язку. Без вашого пояснення, що сайт насправді швидкий, просто хостинг сьогодні не в настрої.
Перевірка безкоштовна. Інструмент називається Google Lighthouse. Власнику бізнесу найпростіше відкрити його через PageSpeed Insights: сторінка pagespeed.web.dev. Вставляєте адресу. Дивитеся звіт для Mobile, не тільки для комп’ютера. За десктопною сотнею часто ховається мобільна версія, на якій все й розвалюється. Ваші клієнти сидять у телефоні.
У звіті чотири оцінки від 0 до 100: Performance, Accessibility, Best Practices, SEO. Поруч буде LCP — момент, коли на екрані з’являється основний вміст. Моя планка здачі: 95+ на мобільному в кожній із чотирьох категорій і LCP швидше за 2 секунди. Поруч тримаю CLS нижче 0.05, щоб сторінка не стрибала, поки вантажиться, і INP нижче 200 мс, щоб натискання не відчувалось як зависання. Це не прикраса блоку «про нас». Це умова розмови до фінальної оплати.
Запитайте розробника про звіт на тестовій адресі, до того як підключите домен і закриєте рахунок. Нормальна відповідь коротка: ось мобільний прогін, ось LCP, ось що прибрали, щоб туди дійти. Слабка відповідь теж коротка. «Залежить від хостингу». Скрін лише з комп’ютера. Або оцінка з плагіна, який хвалить сам себе.
Важкі шаблонні сайти регулярно провалюють цю планку. Тема, повзунок на всю ширину, три віджети, пачка плагінів, шрифти з трьох різних місць. Телефон тягне все це ще до того, як ви побачите пропозицію. Сторінка сидить порожня. Людина не читає ваші переваги. Вона закриває вкладку. Окрему казку у відсотках втраченого трафіку я вам не намалюю: без звіту по вашому URL це була б вигадка. Відкрийте звіт і подивіться самі.
Я збираю публічну сторінку на Next.js. Не на темі, де швидкість — побічний ефект двадцяти плагінів. Менше чужого коду на першому екрані, менше сюрпризів у мобільному прогоні. Планка 95+ для мене частина здачі, не окрема послуга «оптимізуємо наступного місяця». Цифра на моєму сайті означає саме це: планку, а не чарівний скріншот, який кочує з портфоліо в портфоліо.
Перед тим як порівняти двох підрядників по ціні, порівняйте два мобільні звіти. Дешевий шаблон, який не проходить цю планку, не виходить дешевшим. Ви платите за нього часом людей, які не дочекались, поки сторінка взагалі з’явиться. Якщо підрядник не може показати звіт, у вас уже є відповідь. Шукайте того, хто може.