УКРEN
EN
Перевірити ваш сайт

Статті ·

Швидкість сайту: як перевірити і чому повільний сайт коштує вам клієнтів

Відвідувач із телефона чекає завантаження кілька секунд і йде. Google це бачить і опускає повільний сайт нижче у видачі. Ось як перевірити швидкість свого сайту, що означають LCP, INP і CLS — і що з цим робити, без програміста.

Чому швидкість — це гроші, а не технічна дрібниця

«Повільно» для сайту — це не «незручно», а «втрачено». Більшість відвідувачів заходять зі смартфона, де сторінки вантажаться помітно довше, ніж на компʼютері. Кожна зайва секунда очікування збільшує кількість людей, які закривають вкладку, не дочекавшись: для магазину це недокуплені товари, для вишу — абітурієнт, який пішов на сайт-конкурента, для бізнесу — незалишена заявка. А ще швидкість — це прямий сигнал для Google: повільний сайт він показує нижче, тож ви втрачаєте й тих, хто вас навіть не знайшов.

Core Web Vitals простими словами

Google оцінює швидкість трьома показниками — їх називають Core Web Vitals. Ось що вони означають людською мовою:

  1. LCP — за скільки зʼявляється головний вміст сторінки: великий банер, заголовок, фото. Це те, після чого відвідувач розуміє, що сторінка «завантажилась». Добре — до 2,5 секунди.
  2. INP — наскільки швидко сайт реагує, коли ви натискаєте кнопку чи посилання. Добре — до 200 мілісекунд. Раніше замість нього був показник FID.
  3. CLS — чи «стрибає» верстка під час завантаження: ви цілитесь у кнопку, а вона зсувається вниз, бо згори підвантажилась картинка чи реклама. Добре — до 0,1.

Як перевірити швидкість самому

Найпростіше — безкоштовний Google PageSpeed Insights (pagespeed.web.dev): впишіть адресу й за хвилину отримаєте оцінку від 0 до 100 окремо для телефона й компʼютера, усі три Core Web Vitals і список того, що гальмує. Там два типи даних: «лабораторні» (тест у стандартних умовах) і «реальні відвідувачі» (анонімні дані Chrome за останні 28 днів). Другі важливіші — вони показують, як сайт поводиться у справжніх людей, а не на ідеальному зʼєднанні. Якщо хочете бачити, що саме й коли вантажиться, є GTmetrix із покроковою діаграмою завантаження.

Чому сайт повільний: типові причини

  1. Важкі зображення. Фото прямо з фотоапарата на кілька мегабайтів, які ніхто не стиснув, — найчастіша причина. Їх треба зменшити й віддавати у сучасному форматі (WebP або AVIF).
  2. Зайві скрипти. Лічильники, чати, піксели реклами, віджети — кожен додає ваги. Часто половину можна прибрати без жодних втрат.
  3. Немає кешування. Браузер щоразу завантажує сайт наново, замість зберегти незмінні частини до наступного разу.
  4. Повільний хостинг. Дешевий або перевантажений сервер довго «думає», перш ніж почати віддавати сторінку.
  5. Застаріла чи перевантажена платформа. Нагромадження плагінів і тем, які тягнуть одне одного, сповільнює весь сайт.

Перевірка за хвилину

Швидкість — лише один із 13 показників здоровʼя сайту. Ми зробили Техогляд сайту — безкоштовну програму, яка за хвилину перевіряє мобільну швидкість за даними Google PageSpeed разом із безпекою, захистом пошти, доступністю й рештою. Вона читає лише публічні дані, нічого не зламує й не входить в адмінку. Для порівняння: наші сайти стабільно тримають 97–100 балів швидкості Google — у кілька разів швидше за типові 30–40 у старих сайтів. Як читати всю оцінку — у статті «13 речей, які варто знати про свій сайт».

Якщо не хочете стежити самі

Швидкість змінюється: додали банер — просіла, оновили плагін — виправилось. Щоб не перевіряти вручну, є пакет «Техогляд ПРО»: раз на місяць — повний звіт для розробника, а щотижня програма сама стежить за станом сайту й пише, лише коли щось не так.

Читайте також