Прокрутите страницу: исправленная версия наезжает на старую, и цифры меняются у вас на глазах.
- Вес страницы–
- Время до появления главной картинки–
- Основной текст на телефоне–
Демо Flow Lab по собственной инициативе, не на заказ. Компания Tarnside Roofing вымышлена.
Пример: компания Tarnside Roofing придумана, сайт до и после настоящий
Я нарочно собрала сайт с проблемами, которые часто встречаются у сайтов малого бизнеса, а потом исправила его и замерила до и после одинаково. На компьютере он выглядел нормально. На телефоне открывался медленно, текст было не прочитать, номер телефона был строчкой высотой около 6 px без кнопки звонка, а форма теряла каждую заявку.
Первый экран каждой версии, открытой в одном и том же браузере размером с телефон.
Обе версии я открывала в браузере размером с экран iPhone, на медленном мобильном интернете и с замедленным процессором, как у недорогого телефона. Каждую версию загружала три раза с пустым кэшем и показываю средний результат. Форму отправила один раз на тестовый адрес, и заявка дошла. Эти же проверки я запускаю на настоящем сайте, прежде чем написать его владельцу.
Ничего не переделывала: те же разделы, картинки и шрифт. Текст стал чуть короче, серый текст темнее, кнопки одного фирменного цвета.
Обе версии отдаются с одного локального сервера и открываются в Chrome без окна (headless) с размером экрана iPhone (390 × 844). Связь замедлена до задержки 150 мс и скорости 1,6 Мбит/с, а процессор до четверти его скорости, поэтому цифры ближе к телефону на слабом 4G, чем к ноутбуку на Wi-Fi. «Время до появления главной картинки» в браузере называется Largest Contentful Paint (LCP). Форму один раз отправили на тестовый адрес на том же сервере, и он записал заявку; на настоящем сайте она пришла бы на почту владельца. Проверки в последней строке делает тот же скрипт, который я запускаю на настоящем сайте, прежде чем написать его владельцу. Фирма Tarnside Roofing вымышлена: картинки нарисованы кодом, а номер телефона взят из диапазона, который Ofcom (британский регулятор связи) держит для фильмов и книг.
Список того, что мешает вашему сайту на телефоне, и по каждому пункту доказательство, как в таблице выше. Что исправлять, решаете вы.
Тексты, картинки и вид остаются вашими, на WordPress, Shopify, Tilda или обычном HTML.
Те же тесты после работы, поэтому результат видно в цифрах.
Каждый месяц: форма доставляет заявки, сайт быстро открывается, ничего нового не сломалось. От $30 в месяц.
Исправление как в этом примере · от $150 · 2 дня
Пришлите ссылку на сайт. Отвечу, что сильнее всего тормозит его на телефоне и сколько стоит это исправить. Ни к чему не обязывает.
P.S. Форма на вашем сайте точно доходит до вас? Отправьте себе тестовую заявку с телефона прямо сейчас. Если она не пришла, пришлите мне ссылку.