Перейти до вмісту

Сайт гальмує Прискорити сайт без переробки там, де це можливо

Швидкість — рідка тема, де майже все вимірюється, а більшість лікується без переписування сайту. Google вважає добрим показником появу головного на екрані за 2,5 секунди, відгук на натискання до 200 мілісекунд і майже нерухому верстку під час завантаження, причому міряє це на живих відвідувачах, а не в ідеальних умовах. З нашого досвіду половина втрат лежить у двох-трьох налаштуваннях сервера, і до них черга доходить рідко.

Написати в Telegramвід 550 ₴ · від 1 дня

З чого починається розбір

  1. 01

    Безкоштовна перевірка

    Спершу дивимося відповідь сервера й оцінку Google для телефона: це десять секунд і вже розділяє випадки. Повільний сервер і важка сторінка лікуються зовсім по-різному, а плутають їх постійно.

  2. 02

    Реальні сторінки, а не лише головна

    Головну зазвичай вилизують, а гроші приносять каталог, картка товару й кошик. Міряємо те, чим люди справді користуються, — і часто саме там найважче.

  3. 03

    Ділимо на «швидко» і «довго»

    Ви отримуєте список із двох частин: що закривається налаштуваннями за години і що потребує роботи з темою, запитами чи рушієм. Далі вирішуєте ви, а не ми за вас.

Що зазвичай винне

  1. 01

    Тариф хостингу й відсутність кешу

    Найчастіша причина повільної відповіді. Сторінка збирається наново за кожного заходу, хоча могла б віддаватися готовою. Увімкнення кешу й перехід на нормальний тариф часто дають більше, ніж усе інше разом.

  2. 02

    Зображення в повному розмірі

    Фото з телефона на чотири мегабайти, показане в блоці завширшки триста пікселів. Стиснення й сучасні формати зменшують його в рази, а на око різниці не видно.

  3. 03

    Тема й конструктор сторінок

    Куплена тема тягне десяток шрифтів, набір іконок і слайдер, який не використовується. Частина цього вимикається в налаштуваннях, частина — правкою в дочірній темі.

  4. 04

    Чужі скрипти

    Чат, пікселі реклами, карта, віджет відгуків, віджет доступності. Кожен окремо малий, разом вони займають браузер на секунди. Рішення не «викинути все», а вантажити пізніше й не на всіх сторінках.

  5. 05

    Немає стиснення й кеш-заголовків

    Сторінка віддається без стиснення, а браузер щоразу заново качає ті самі файли. Два налаштування сервера, які чомусь не вмикає майже ніхто.

  6. 06

    Сервер далеко від аудиторії

    Хостинг за океаном при клієнтах в Україні додає сотні мілісекунд до кожного запиту. Переїзд або мережа доставки вмісту знімає це за вечір — часто вистачає безкоштовного тарифу Cloudflare.

Що міряє Google і що з цього важливо

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

  • Поява головного на екрані: до 2,5 секунди — добре, довше за 4 секунди — погано
  • Відгук на натискання: до 200 мілісекунд — добре, довше за 500 — погано; цей показник замінив попередній у березні 2024 року й рахує всі натискання, а не перше
  • Зсуви верстки під час завантаження: до 0,1 — добре, більше за 0,25 — погано
  • У нашому безкоштовному звіті замість відгуку видно його лабораторний замінник: та сама природа, але виміряна на емуляції
  • Дослідження Google 2016 року: більш як половина заходів з телефона обривається, якщо сторінка вантажиться довше за три секунди. Мережі відтоді стали швидшими, а порядок величини не змінився

Як іде робота

  1. 01

    Замір до

    Фіксуємо вихідні числа по кількох сторінках, щоб потім було з чим порівнювати. Без цього «стало швидше» — питання відчуттів.

  2. 02

    Швидкі перемоги

    Стиснення, кеш, заголовки, розміри й формати зображень, шрифти, відкладене завантаження чужих скриптів. Це зазвичай кілька годин роботи й основна частина результату.

  3. 03

    Важкі випадки

    Тема з конструктором, повільні запити до бази, плагіни, які дублюють роботу. Тут рахуємо окремо й заздалегідь кажемо, що саме дасть прискорення, а що ні.

  4. 04

    Замір після

    Тими самими інструментами й на тих самих сторінках. У звіті — було і стало, без вибіркових скриншотів.

  5. 05

    Пам’ятка, щоб не розгубити

    Одна сторінка для того, хто веде сайт: як завантажувати зображення, які скрипти не ставити на всі сторінки й що перевірити після оновлення теми.

Чого ми не робимо

  • Не женемося за сотнею в PageSpeed: цифра гарна, але гроші приносить швидкість на реальних сторінках
  • Не викидаємо аналітику, чат і пікселі заради результату — це ваші інструменти продажів, рішення за вами
  • Не обіцяємо прискорення без зміни тарифу там, де впирається саме в хостинг
  • Не чіпаємо дизайн і вміст без погодження: прискорення — не привід переробити сторінку

Почніть з безкоштовної перевірки

Десять секунд, і ви побачите відповідь сервера та оцінку Google для телефона. Цього достатньо, щоб зрозуміти, ваш випадок про налаштування чи про переробку.

Перевірити швидкість сайту

Часті запитання

У нас 30 зі 100 у PageSpeed. Це вирок?

Ні, і це доволі звичайна цифра для сайту на купленій темі. Важливіший не бал, а з чого він склався: повільна відповідь сервера лікується налаштуваннями за години, а важка сторінка — роботою з темою й скриптами. Після безкоштовної перевірки кажемо, який випадок ваш.

Скільки можна виграти без переробки сайту?

Зазвичай суттєву частину. Кеш, стиснення, нормальні зображення й відкладені чужі скрипти — це кілька годин роботи, і вони найчастіше прибирають основну затримку. Переробка потрібна там, де повільна сама основа: сторінка цілком збирається наново за кожного заходу.

Що робити із зображеннями?

Стиснути й віддавати в потрібному розмірі, перевести в сучасний формат, увімкнути відкладене завантаження для того, що нижче першого екрана. Для магазину це зазвичай найпомітніший крок: каталог із сотнею фотографій починає відкриватися в рази швидше.

Чи потрібна нам мережа доставки вмісту?

Якщо сервер далеко від ваших клієнтів — так, і часто це найдешевший спосіб; базового тарифу Cloudflare зазвичай вистачає. Якщо хостинг поруч, а сторінка важка, мережа доставки майже нічого не дасть: вона прискорює передачу, а не збирання сторінки.

Сайт на Wix або Tilda — його взагалі можна прискорити?

Частково. Код платформи не наш, зате вага вмісту — ваша: зображення, відео на першому екрані, кількість блоків і сторонніх віджетів. Зазвичай це дає помітне покращення, але межа в платформи є, і ми кажемо про неї до початку робіт.

Прискорення не зламає аналітику й чат?

Не має. Ми не видаляємо їх, а змінюємо момент завантаження: спершу сторінка, потім допоміжні скрипти. Після робіт перевіряємо, що цілі в аналітиці рахуються, а чат відкривається, — це частина здачі.

Скільки часу це займає?

Замір і розбір — один-два дні. Швидкі перемоги — зазвичай день роботи. Важкі випадки рахуємо окремо після розбору: там усе залежить від теми й від того, скільки на сайті саморобного.

Скільки це коштує?

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

Поширені випадки