Мобільна швидкість: сайт бачать зі смартфона, і пошуковик теж
Оптимізація мобільної швидкості сайту — це робота не з окремою версією, а з тим, що реально дістається телефону: вагою документа, стисненням на сервері, зображеннями й чужими скриптами. Спершу міряємо мобільну віддачу на трьох типах сторінок, потім прибираємо по черзі те, що коштує смартфону найдорожче. Розкид буває кратним: у власному вимірі 31.07.2026 розмітка головної важила 103,2 КБ в одному магазині і 295,7 КБ у другому. Друга причина взятися за це — індексація: пошук читає мобільну версію, тому розбіжність із десктопною коштує не лише відвідувачів.
вагу документа, стиснення, зображення, viewport і сторонні скрипти на трьох типах сторінок
Наш вимір
31.07.2026
Розкид ваги розмітки у власному вимірі
103,2–295,7 КБ на трьох магазинах, 31.07.2026
Перша відповідь на цих же сайтах
440,7, 524,8 і 547,2 мс
Верхня межа по зображеннях
66 із 69 картинок (96%) вантажаться відкладено
Показники зняті нашим виміром на живих сайтах відповідного масштабу.
після безкоштовного аудиту
Вартість
30
Гарантія
днів після підписання акта
вагу документа, стиснення, зображення, viewport і сторонні скрипти на трьох типах сторінок
Що міряємо
103,2–295,7 КБ
Розкид ваги розмітки у власному вимірі
на трьох магазинах, 31.07.2026
440,7, 524,8
Перша відповідь на цих же сайтах
і 547,2 мс
66
Верхня межа по зображеннях
із 69 картинок (96%) вантажаться відкладено
5–18
Строк робіт
робочих днів, залежить від того, що знайдемо
безкоштовний замір мобільної віддачі, 2–3 робочих дні
Перед кошторисом
конкретних значень у польових даних — ними не керує жоден підрядник
Чого не обіцяємо
Як проходить робота
Прозорі етапи з погодженням на кожному кроці
Загальний строк:5–18 днів
1
Замір мобільної віддачі
2–3 робочих дні
Головна, категорія, картка: перша відповідь, повне завантаження, вага розмітки до й після стиснення, інвентаризація зображень і сторонніх скриптів, стан viewport. На виході — перелік причин у порядку впливу.
2
Сервер: стиснення й протокол
1 робочий день
gzip або brotli, заголовки, HTTP/2. Найдешевший виграш за витрачений час: вигляд сайту не змінюється, а різницю видно в тому ж замірі того ж дня.
3
Зображення
1–4 робочих дні
Відкладене завантаження всюди, крім першого екрана, сучасні формати, розміри під мобільний контейнер замість десктопних оригіналів. Окремо дивимось, чи не постраждала якість фото товару — межа тут комерційна, а не технічна.
4
Viewport і паритет мобільного контенту
1–2 робочих дні
Прибираємо блокування масштабування, порівнюємо відповідь сервера мобільному й десктопному агенту по тексту, посиланнях і розмітці. Розбіжності виписуємо списком: частина лікується шаблоном, частина — рішенням про те, що на телефоні лишається.
5
Ревізія сторонніх скриптів
1–3 робочих дні
Перелік того, що вантажиться на сторінці, з ціною кожного пункту в часі. Рішення «лишаємо чи прибираємо» ваше; після відключення перевіряємо, що чат, аналітика й кнопка замовлення живі.
6
Шаблон, який віддає на телефон зайве
2–6 робочих днів
Потрібен не завжди — саме цей етап тримає верхню межу строку. Тут ми перестаємо ховати блоки стилями й починаємо не віддавати їх мобільному взагалі. Іде окремим рядком кошторису, щоб було видно, за що платите.
7
Повторний замір і документ
1 робочий день
Ті самі сторінки, ті самі методи, та сама кількість спроб. Порівняння до і після по кожному пункту й коротка інструкція, як не втратити результат за півроку.
Технології та інтеграції
На чому будуємо і з чим це з’єднується
Стек
gzip / brotli — стиснення відповіді на сервері. Найдешевший пункт списку; на вже стиснутих файлах, зокрема JPEG і WebP, він не дає нічого
HTTP/2 — паралельні запити в одному з'єднанні. Кількості запитів він не зменшує: сто зображень лишаються сотнею зображень
WebP / AVIF — виграш пропорційний кількості фото; на сайті з десятком картинок його не побачити
loading="lazy" — відкладене завантаження всього, крім першого екрана. На верхніх зображеннях шкідливе: затримує те, що людина бачить одразу
Адаптивна верстка — один документ на всі екрани. Ціна рішення: сховане стилями браузер телефона все одно завантажив
Lighthouse у мобільному профілі й DevTools з обмеженням мережі — лабораторія, а не ваші відвідувачі: беремо як причину, не як діагноз
PageSpeed Insights — сюди дивляться власник і підрядник реклами. Польові дані там з'являються лише за достатнього трафіку й із затримкою
Інтеграції
Google Search Console
GA4
Google Tag Manager
Cloudflare
Що входить
Повний перелік робіт і того, що ви отримуєте на виході
Замір мобільної віддачі до робіт на головній, у категорії та в картці — три числа, з якими через два тижні буде що порівняти
Стиснення відповіді на сервері, gzip або brotli, з перевіркою заголовків: по мережі до телефона йде в рази менше байтів, а сайт зовні не змінюється
Перевірка протоколу — HTTP/2 паралелить запити в одному з'єднанні, і на мобільній мережі з довгим відгуком це помітніше, ніж на кабелі
Зменшення ваги розмітки: прибирання невикористаного й скорочення дубльованих блоків, щоб браузер телефона починав малювати раніше
Зображення: сучасні формати, відкладене завантаження, розміри під мобільний екран замість десктопних оригіналів
Коректний viewport без блокування масштабування — це і зручність для людини з поганим зором, і зняте зауваження в перевірках доступності
Перенесення сторонніх скриптів так, щоб вони не блокували перший показ контенту, з переліком того, скільки коштує кожен
Звірка мобільної й десктопної відповіді: той самий текст, ті самі посилання, та сама розмітка — основа індексації за мобільною версією
Повторний замір тими самими методами й документ із різницею по кожному пункту
Правило для вашої команди на далі: додали новий скрипт або блок — переміряйте й порівняйте з цифрою в документі
Коли ця послуга не підходить
Що не входить у роботу — щоб не було сюрпризів на здачі
Розробка окремої мобільної версії або застосунку
Редизайн інтерфейсу
Оптимізація сторонніх віджетів, які ви не готові вимикати
Обіцянки конкретних значень метрик у польових даних — вони залежать від пристроїв ваших відвідувачів
Кому підходить
Ситуації, у яких ця послуга дає результат
Ситуація 1 з 4
Основна частина візитів іде з телефона, а сторінку робили на широкому екрані
Макет малювали на 27 дюймах, дивляться його на шести. На мобільному до часу сервера додається час мережі, тому кожен зайвий кілобайт коштує довше, ніж на кабелі. У трьох виміряних нами магазинах перша відповідь трималась у вузькому коридорі 440,7–547,2 мс, а вага розмітки розійшлася майже втричі: 103,2 проти 295,7 КБ. Різницю створює тема й набір модулів, а не хостинг.
Розберемо вашу ситуацію на безкоштовному аудиті
Ситуація 2 з 4
Мобільна сторінка віддає не те саме, що десктопна
Ховається блок характеристик, зникає частина опису, меню домальовується скриптом. Пошук індексує сайт за мобільною версією — усе, чого в ній немає, для нього не існує. Це найтихіша з можливих втрат: сайт виглядає робочим, десктопна версія повна, а в індекс іде урізана. Видно це тільки в порівнянні двох відповідей сервера, оком на телефоні — ні.
Ситуація 3 з 4
Сторінку роками обростали віджетами
Чат, піксель, віджет відгуків, карусель банерів. На десктопі це майже непомітно, на телефоні з'їдає час до першого екрана. Ревізія такого списку впирається не в код, а в узгодження: за кожним скриптом стоїть людина, якій він потрібен. Ми показуємо, скільки коштує кожен, рішення лишається за вами.
Ситуація 4 з 4
Зображень багато, і ніхто не дивився, як саме вони вантажаться
Тут розкид найбільший з усього, що ми міряли. У магазині садового інструменту 66 із 69 картинок мають відкладене завантаження — 96%. На інших сайтах цей показник буває нульовим, і тоді телефон тягне до першого екрана все, включно з тим, що людина побачить хіба через два прокручування. Це правка в шаблоні, а не переробка каталогу.
Адаптивна верстка проти окремого мобільного сайту
Чим цей варіант відрізняється від «Окрема мобільна версія на піддомені»
Окрема мобільна версія на піддоменіНаш підхід
Що бачить пошукдва документи, і в індекс іде саме мобільний — будь-яка його неповнота стає неповнотою в індексіодин документ, розійтися з десктопом ніде
Оновлення контентуправиться двічі або синхронізується скриптом, який теж ламаєтьсяправиться один раз
Адресидруга адреса, перенаправлення за пристроєм і canonical, які треба тримати правильними рокамиодна адреса на сторінку
Ціна нової секціїдві роботи замість однієї, і розбіжність накопичується непомітновиходить на всіх екранах одразу
Слабке місцеверсія легша за задумом, але живе окремим життям від основного сайтубраузер телефона вантажить і те, що сховане стилями
Безкоштовний замір того, що отримує смартфон
Мобільна швидкість — це не окрема версія сайту, а те, скільки байтів і скільки очікування дістається людині з телефона в мережі, яка гірша за офісний інтернет. Ми міряємо це ззовні й показуємо цифри.
Що міряємо
Вага документа й стисненняСкільки важить сторінка сирою і скільки — стиснутою. У трьох виміряних нами магазинах сира розмітка головної розійшлася майже втричі: 103,2, 252,6 і 295,7 КБ.
Перша відповідь і повне завантаженняОкремо для головної, категорії й картки. Ці три числа часто розходяться сильніше, ніж очікує власник.
Мобільний viewportЧи заданий він узагалі і чи не заблоковане масштабування пальцями — останнє ще й зауваження доступності.
ЗображенняКількість, формати, відкладене завантаження. Виміряний орієнтир зверху: 66 із 69 картинок, тобто 96%, в одному з магазинів.
Сторонні скриптиЧати, віджети, піксели — на мобільному вони коштують дорожче, ніж на десктопі.
Стиснення на серверіЧи ввімкнені gzip або brotli й чи працює HTTP/2. Це найдешевша частина роботи з найбільшим ефектом.
Що ви отримуєте на руки
Цифри мобільної віддачі по трьох типах сторінок із датою заміру.
Розкладка ваги сторінки за складовими: розмітка, зображення, скрипти.
Перелік правок від найдешевших до найдорожчих.
Розмова на 30 хвилин по документу.
Строк: 2–3 робочих дні
Чому це безкоштовно
Бо в половині випадків найбільший ефект дає вмикання стиснення й правильні зображення — це недорого, і ми скажемо це замість того, щоб продавати місяць робіт.
Що далі
Далі — перелік робіт із сумою і строком. Якщо цифри вже добрі, скажемо прямо: у нашій вибірці є сайти, де мобільна швидкість не є проблемою.
Форма коротка: контакт і адреса сайту
Не знайшли свій випадок?
Опишіть, як це влаштовано у вас, — відповімо, чи підходить «Мобільна швидкість сайту» і що це означає у вашій ситуації. Без брифу й без дзвінка: одне питання, одна відповідь.
Працюємо офіційно
Договір, акт і рахунок — на кожен проєкт, а не тільки на великий. Без документів у вас немає ні прав на роботу, ні підстави провести витрати.
Договір, акт і гарантія 30 днів
На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня — домовленість, якої немає в тексті, не рахується.
ФОП і безготівковий розрахунок
Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами, які бухгалтерія проведе як витрати. Курс для гривневої оплати фіксується договором, а не з’ясовується постфактум.
Права й доступи — ваші
Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику й рекламні кабінети оформлюємо на вас — щоб сайт не залежав від підрядника. NDA підписуємо на запит, після завершення свої доступи видаляємо самі.
Портал клієнта замість переписки
На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці. Документи формуються з даних угоди, тому реквізити й суми в них не розходяться, а про оплати й дедлайни нагадує система, а не пам’ять менеджера.
Замовники з Європи
Серед робіт — проєкти для Норвегії, Болгарії та Іспанії: болгарський магазин трьома мовами з кур’єрською доставкою, іспанський з оплатою карткою й переказом, норвезький сайт клініки. Це видно в портфоліо, а не тільки в описі.
Цифри, які можна перевірити
Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром: швидкість відповіді, вага сторінки, обсяг каталогу, знайдені дефекти. Ці цифри можна зняти самому й звірити з нашими.
Спершу аудит, потім сума
Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» нічого не пояснює. Спершу безкоштовний розбір — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.
Кажемо «ні», коли не впевнені
Якщо задача не наша, строк нереальний або послуга вам просто не потрібна — скажемо це першим листом, а не після передоплати. Гарантій позицій у пошуку не даємо: їх не дає ніхто, а обіцянка без механізму — це продаж, а не робота.
NDA підписуємо на запит. Після завершення співпраці наші доступи до ваших сервісів видаляємо самі й повідомляємо про це.
Що впливає на вартість
Чому дві однакові на вигляд задачі рахуються по-різному — і що саме ми міряємо на аудиті
Що покаже замірСтиснення й зображення закриваються за кілька днів. Тема, яка віддає на телефон десктопну верстку цілком, — це тижні. Тому вилки до заміру ми не називаємо: вона збіглася б із реальністю хіба випадково.
Рівень доступу до сервераЄ право правити конфігурацію — стиснення, протокол і заголовки закриваються за один день. Немає — діємо через хостера й упираємось у те, що дозволяє тариф.
Скільки зображень і звідки вони берутьсяСімдесят картинок у шаблоні — це одна правка. Каталог, куди менеджер щотижня заливає оригінали з фотоапарата, вимагає ще й правила на майбутнє, інакше вага повернеться за квартал.
Хто розпоряджається сторонніми скриптамиПрибрати лічильник — хвилина. Узгодити з маркетологом і підрядником реклами, які п'ять із дванадцяти лишаються, — окремий тиждень календаря, і він теж у строку.
Наскільки шаблон різний для мобільногоТема, де мобільний вигляд задається стилями поверх того самого документа, дешева лише на вигляд: браузер телефона все одно завантажив усе сховане. Розділити «сховати» і «не віддавати» — найдорожча частина роботи.
Кількість типів сторінок і мовних версійКожен унікальний шаблон і кожна мовна гілка — окремий замір до і після. У виміряному магазині опалювального обладнання таких гілок дві, uk і ru з коректним x-default, тобто перевірка подвоюється.
Кейси
Задачі та результат у цифрах — усі показники зняті нашим виміром
нішевий магазин стоматологічних матеріалів із контентною частиною
Задача
Тримати сторінку легкою при поєднанні каталогу з контентними матеріалами для професійної аудиторії.
Рішення
Компактна тема без зайвих модулів за Cloudflare; каталог обмежений реальним асортиментом, карта сайту зібрана як індекс із чотирьох файлів.
Результат
Вимір 31.07.2026: вага розмітки головної 103,2 КБ — друга найлегша сторінка серед 16 виміряних нами сайтів, перша відповідь 440,7 мс, повне завантаження 543,1 мс. Каталог 96 товарів і 21 категорія дають рівно 123 адреси в карті сайту без жодного дубліката. Знайдений дефект: лічильників аналітики на сайті немає жодного — нуль згадок диспетчера тегів, gtag і GA, тобто конверсії тут не міряються взагалі.
інтернет-магазин садового інструменту для приватних покупців
Задача
Перевірити, наскільки сторінка готова до мобільного трафіку.
Рішення
Замір ваги розмітки й часу відповіді, підрахунок зображень із відкладеним завантаженням, перевірка мобільного viewport і протоколу.
Результат
Вимір 31.07.2026: 252,6 КБ розмітки, перша відповідь 547,2 мс, повне завантаження 676,7 мс, HTTP/2, viewport заданий. Зображення зроблені правильно: 66 із 69 тегів мають відкладене завантаження, це 96%. При цьому знайдено дефекти поза швидкістю — карта сайту віддає 200 із порожнім тілом, немає жодного блоку структурованих даних і жодного тега h1 на головній, а назви перевізників подані картинками без текстового опису, тож ні пошук, ні читалка екрана їх не бачать.
роздрібний інтернет-магазин опалювального обладнання, каталог близько 3,5 тис. позицій
Задача
Оцінити мобільну віддачу каталогу середнього розміру з двома мовними версіями.
Рішення
Замір першої відповіді й повного завантаження, перевірка ваги розмітки, viewport і мовних версій на живому каталозі.
Результат
Вимір 31.07.2026: перша відповідь 524,8 мс, повне завантаження 662,7 мс при вазі розмітки 295,7 КБ і каталозі на 3 565 карток. Мобільний viewport заданий, мовні версії uk і ru з коректним x-default. Вузьке місце виявилось не у швидкості: карта сайту віддає 200 із порожнім тілом, а блоків структурованих даних немає взагалі — сторінка вантажиться нормально, але пошук бачить її гірше, ніж міг би.
Що потрібно від вас
Без цього не почнемо — краще підготувати заздалегідь
1Адресу сайту й перелік сторінок, куди приходить мобільний трафік.
2Доступ до шаблонів і до сервера: стиснення й заголовки правляться там, а не в адмінці.
3Дані аналітики про частку мобільних відвідувачів — рахувати вплив краще на вашій цифрі, а не на галузевому середньому.
4Рішення щодо віджетів: частину ваги неможливо прибрати, не чіпаючи чужі скрипти.
5Одну людину з вашого боку, яка за день може сказати «вимикаємо».
6Перелік мовних версій, які реально просуваються: міряти до і після треба кожну окремо.
Якщо чогось із цього немає — скажіть, підкажемо, як зібрати або зробимо самі окремою задачею.
Часті питання
Те, що питають найчастіше — з конкретними відповідями
чому мобільна швидкість важливіша за десктопну?
З двох причин, і вони різні за природою. Перша технічна: пошук індексує сайт за мобільною версією, тобто те, що бачить смартфон, і є те, що бачить пошуковик — сховане або недовантажене на телефоні для індексу не існує. Друга арифметична: більша частина візитів із пошуку й соцмереж приходить із телефонів, і там до затримки сервера додається затримка мережі. Точну частку дивіться у своєму GA4, а не в галузевих оглядах: у B2B вона зовсім не така, як у роздрібі.
чи потрібна окрема мобільна версія?
Ні, і ми відмовляємо, коли просять. Окремий мобільний сайт — це два документи, які хтось має тримати однаковими, друга адреса, перенаправлення за пристроєм і canonical, який рано чи пізно переплутають. Для індексації за мобільною версією розбіжність між ними прямо шкідлива. Правильний шлях — адаптивна верстка: один документ, різна подача. Її мінус назвемо теж: те, що на телефоні сховане стилями, браузер усе одно завантажив, тому «сховати» і «не віддавати» — різні речі, і працюємо ми з другим.
що дає найбільше при найменших витратах?
Стиснення відповіді на сервері й зображення. Обидва пункти не змінюють вигляд сайту й не потребують переробки теми: стиснення вмикається в конфігурації, відкладене завантаження — атрибутом у шаблоні. Наскільки це працює, видно на власних вимірах: у магазині садового інструменту 66 із 69 картинок вантажаться відкладено, а в магазині стоматологічних матеріалів розмітка головної важить 103,2 КБ — друга найлегша сторінка серед 16 виміряних нами сайтів. Найдорожчий пункт, тема, іде останнім і не завжди взагалі.
як ви перевіряєте, що мобільна версія віддає той самий контент?
Запитуємо сторінку двічі, десктопним і мобільним агентом, і порівнюємо відповіді: текст, посилання, заголовки, блоки структурованих даних. Розбіжність буває двох типів. Перша — частина контенту приходить скриптом, і в початковій відповіді її немає. Друга — шаблон свідомо віддає мобільному урізаний набір блоків. Обидві видно тільки в порівнянні відповідей: на екрані телефона все виглядає нормально. Заодно ловляться дрібниці, які ламають розуміння сторінки. У виміряному магазині садового інструменту назви перевізників на сторінці доставки подані картинками без текстового опису, тож ні пошук, ні читалка екрана їх не читають.
чи заважає заблоковане масштабування?
Так, і одразу двома боками. Людині з поганим зором ви забороняєте наблизити текст пальцями — це не теоретична, а щоденна незручність. Перевірки доступності фіксують такий параметр як дефект, і він потрапляє у звіти, які потім читають ваші партнери. Виправляється це одним рядком у шаблоні: viewport лишається, заборона масштабування прибирається. Окремо варто сказати межу: у трьох магазинах, які ми міряли, viewport був заданий скрізь, і це необхідний мінімум, а не доказ зручності. Чи легко пройти чекаут великим пальцем, перевіряється тільки на живих сесіях.
у нас B2B і закупівельники сидять за комп'ютерами — нам це потрібно?
Можливо, ні, і ми скажемо це прямо. У B2B частка десктопу зазвичай суттєво вища, мобільна швидкість там не перший пріоритет, і чесніше визнати це, ніж продавати роботу як універсальну. Два зауваження все ж лишаються. Індексація однаково йде за мобільною версією, тому урізаний мобільний шаблон б'є по видимості навіть при десктопній аудиторії. І частку варто подивитись у власному GA4: у постачальників, чиї клієнти шукають потрібну позицію просто в цеху або на об'єкті, вона буває зовсім не такою, як очікує власник.
скільки часу займають роботи?
5–18 робочих днів. Нижня межа — коли справа закривається сервером і зображеннями: замір 2–3 дні, стиснення й протокол день, зображення день-два. Верхню тримає тема. Якщо вона віддає на телефон ті самі блоки, що й на десктоп, і половину з них ховає стилями, її доводиться розбирати — це 2–6 днів окремим рядком кошторису. Дешеві правки ми ставимо першими свідомо, щоб ефект був видний на другому тижні, а не після завершення всього.
коли результат буде видно в Search Console?
Не одразу і не повністю. У наших замірах різницю видно того ж дня: ті самі сторінки, ті самі методи, та сама кількість спроб. Польові дані, на які дивиться Search Console, збираються з реальних пристроїв, оновлюються з затримкою в тижні, а їхнє значення залежить ще й від того, з яких телефонів і мереж до вас заходять — цим не керує жоден підрядник, тому конкретного числа у звіті ми не обіцяємо. І окремо про замовлення: побачити зміну в них можна лише там, де стоїть аналітика. У виміряному магазині стоматологічних матеріалів лічильників немає жодного, тож будь-яке прискорення там буде видно в наших цифрах і ніде більше.
Надішліть адресу сайту й скажіть, на які сторінки заходить мобільний трафік.
У відповідь — цифри мобільної віддачі по трьох типах сторінок, розкладка ваги за складовими й перелік правок від найдешевших до найдорожчих. Якщо виявиться, що з мобільною швидкістю у вас порядок, ми так і напишемо: у нашій вибірці такі сайти є.
Прайса на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» у такому разі нічого не пояснює. Спершу безкоштовний аудит — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.