Аудит скорости
Замеряем ключевые шаблоны в PageSpeed Insights и Lighthouse, смотрим полевые данные Core Web Vitals в Search Console, если они есть.
Находим, что на самом деле тормозит сайт – тяжёлые картинки, счётчики и виджеты, медленный ответ сервера, – и исправляем это в коде. Наш собственный сайт получает 96 баллов производительности на телефоне, и ниже мы показываем, за счёт чего.
Работаем с причинами, а не с баллами ради скриншота: каждое изменение должно сокращать время, за которое человек видит страницу и может с ней работать.
Замеряем ключевые шаблоны в PageSpeed Insights и Lighthouse, смотрим полевые данные Core Web Vitals в Search Console, если они есть.
WebP-копии, размеры под экран, lazy loading для всего ниже первого экрана и высокий приоритет для главной картинки.
GTM, пиксели, Clarity, чаты и виджеты запускаем после первого действия посетителя, чтобы они не мешали загрузке.
Убираем ресурсы, которые блокируют отрисовку, подключаем только нужные начертания шрифтов.
Кэш страниц, сжатие, заголовки кэширования для статики. Сокращаем время ответа сервера (TTFB).
Задаём размеры картинкам, баннерам и встроенным блокам, чтобы страница не прыгала при загрузке (CLS).
Отключаем библиотеки там, где они не нужны, и разбираем тяжёлые обработчики, которые задерживают отклик на нажатие (INP).
Сравниваем «до» и «после» и даём рекомендации, чтобы новые блоки и плагины не вернули сайт в красную зону.
Лучший пример – сайт, который вы сейчас читаете. Мы сделали его сами и проверяли каждый релиз в PageSpeed Insights. Ниже – оценки страницы /locations/dubai/ на телефоне и компьютере.
Компьютер, PageSpeed Insights, /locations/dubai/
Фиксируем исходные оценки PageSpeed и Core Web Vitals по ключевым страницам: главная, каталог, карточка, статья.
Список причин с оценкой влияния и трудоёмкости. До начала работ вы видите, что даст каждое изменение.
Вносим изменения на копии сайта, проверяем, что ничего не сломалось, и переносим на рабочий сайт.
Повторные замеры, сравнение «до» и «после» и рекомендации, как сохранить скорость дальше.
Вы заранее знаете, что получите, сколько это стоит и когда будет готово.
Подписываем договор и соглашение о неразглашении до начала работ.
Цена этапа не меняется по ходу работы. Новые задачи – только после согласования.
Тестовый сервер с доступом для вас: видно, что сделано, без ожидания финала.
Передаём исходный код, документацию и все доступы. Проект не привязан к нам.
После запуска бесплатно исправляем ошибки, найденные в рамках сделанного.
Остаёмся на связи: доработки, обновления и развитие помесячно или по задачам.
Оставьте имя и e-mail – ответим на почту в течение рабочего дня.
Лабораторный тест запускается на серверах Google и зависит от их нагрузки, сети и сторонних скриптов на странице. Колебания в несколько баллов – норма. Поэтому мы сравниваем несколько замеров и смотрим на полевые данные Core Web Vitals: это реальные посетители сайта за последние 28 дней.
Core Web Vitals – один из сигналов, которые Google учитывает при ранжировании, но не главный: содержание страницы важнее. Сильнее скорость влияет на поведение – медленный сайт чаще закрывают, не дождавшись загрузки, особенно с телефона. Про продвижение подробнее на странице SEO-продвижения.
Да. На WordPress, WooCommerce и OpenCart мы работаем с темой, плагинами и сервером. На Shopify сервер и кэш принадлежат платформе, поэтому ускоряем тему, изображения и сторонние приложения.
Не всегда. Сначала смотрим, из чего складывается время ответа сервера. Если сервер медленный из-за кода или отсутствия кэша, переезд не поможет. Если он упирается в ресурсы, скажем об этом и предложим варианты.
Зависит от платформы, количества шаблонов и того, что именно тормозит. После первичных замеров называем фиксированную стоимость и состав работ.
Скорость падает, когда на сайт добавляют новые плагины, виджеты и тяжёлые картинки. Ускорение можно сделать разовым проектом или взять сайт на доработку и поддержку и проверять скорость после релизов.
↗13Доработка и поддержкаБерём проекты после других подрядчиков, внедряем ТЗ от SEO-специалистов, поддерживаем помесячно.
↗11SEO-продвижениеТехнический аудит, структура, контент и ссылки. Рост органического трафика и позиций.
↗06CRO – рост конверсииИщем, где воронка теряет клиентов, переделываем карточку, корзину и чекаут, проверяем A/B-тестами.
↗01Интернет-магазиныКаталоги на тысячи товаров, фильтры, онлайн-оплата, доставка, выгрузки в маркетплейсы и прайс-агрегаторы.Ускорение загрузки сайта – это работа с тем, что посетитель видит в первые секунды: как быстро появляется первый экран, когда можно нажать кнопку и не прыгает ли вёрстка. Google измеряет это метриками Core Web Vitals – LCP, INP и CLS – и показывает их в PageSpeed Insights.
Мы не гонимся за сотней баллов ради скриншота. Задача – чтобы страница быстро открывалась на обычном телефоне с мобильным интернетом. Как это выглядит на практике, видно по нашему сайту: 96 баллов производительности на телефоне и LCP 0,5 с на компьютере.
Как найти каждую из этих причин в отчёте и исправить её, разобрали в статье как оптимизировать страницу под PageSpeed – с чек-листом в конце.
Если вы планируете новый сайт, скорость проще заложить сразу, чем исправлять потом. При переносе важно не потерять позиции – об этом наш чек-лист переноса сайта без потери позиций. Выбор платформы тоже влияет на то, что можно оптимизировать: сравнение в статье OpenCart, WooCommerce, Shopify или Laravel.
Быстрый сайт сам по себе не продаёт, но медленный теряет покупателей ещё до первого экрана. Поэтому скорость – один из пунктов нашего чек-листа CRO для интернет-магазина и часть работы над ростом конверсии. Если продвигаете сайт в поиске, ускорение хорошо сочетается с SEO-продвижением, а поддерживать результат помогает доработка и поддержка.
Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.
Ответим в течение рабочего дня: вопросы по задаче и предварительная оценка сроков.
Посмотрим сайт или идею и скажем, что сделать в первую очередь. Ответим в течение рабочего дня – на почту, в Telegram или WhatsApp.