Создание и аудит сайта
Скорость сайта
Вы заплатили за клик, человек нажал на объявление — и смотрит на белый экран. Через 3–4 секунды он нажимает «назад». Клик оплачен, заявки нет, в Метрике — отказ.
Александр Евстигнеевмаркетолог, сертифицированный специалист Яндекс Директ ПроКоротко
Цель — первый экран за 2–3 секунды на мобильном интернете. Проверка: PageSpeed Insights и Метрика (отчёт о времени загрузки). Главные тормоза — тяжёлые картинки, видео на фоне, десяток виджетов и скриптов, шрифты. Быстрые победы: WebP и сжатие, ленивая загрузка, убрать лишние виджеты, кеширование.
Как проверить
- PageSpeed Insights — оценка и список рекомендаций для мобильных и компьютеров.
- Метрика — отчёт «Время загрузки страниц».
- Свой телефон на мобильном интернете — самый честный тест.
Как выглядит медленный сайт в Вебвизоре
- 09:15 · ДиректСмартфон · 0:04
- 09:22 · ДиректСмартфон · 0:03
Белый экран — страница грузится
Первый экран
Цены
Форма заявки
- 0:00Нажал на объявление — клик оплачен
- 0:01Смотрит на белый экран
- 0:04Нажал «назад» — в Метрике отказ
- 1Цель — первый экран за 2–3 секунды на мобильном интернете
10 частых причин медленной загрузки
| Причина | Что сделать |
|---|---|
| Фото по 3–5 МБ | Сжать, формат WebP, правильный размер |
| Видео на фоне первого экрана | Заменить картинкой или лёгким роликом |
| Десяток виджетов (чаты, обратный звонок, соцсети) | Оставить 1–2 нужных |
| Много шрифтов и начертаний | 1–2 шрифта, только нужные начертания |
| Слайдер на 10 тяжёлых картинок | Одна сильная картинка |
| Карта на первом экране | Статичная картинка со ссылкой |
| Нет кеширования | Плагин кеша или настройки хостинга |
| Слабый хостинг | Переезд на нормальный тариф |
| Неиспользуемые скрипты и счётчики | Удалить старые |
| Конструктор с тяжёлыми блоками | Упростить блоки первого экрана |
Простые действия без программиста
- Сжать все фото (онлайн-сервисы или плагины) и перевести в WebP.
- Убрать видео-фон и лишние слайдеры.
- Отключить ненужные виджеты.
- Включить кеширование.
- Перепроверить скорость с телефона.
Ориентиры перед запуском рекламы
Первый экран с телефона2–3 с
Виджеты1–2чаты, обратный звонок, соцсети
Шрифты1–2только нужные начертания
ФотоWebPвместо файлов по 3–5 МБ
Ниже 10 готовых планов облегчения первого экрана — по причинам из таблицы выше, для разных типов сайтов.
10 планов ускорения сайта для разных ниш
Найдите похожий сайт, выполните 3 шага плана и проверьте первый экран с телефона на мобильном интернете. Цель — 2–3 секунды.
- 1Ресторан и банкетный залгости, выбирающие местоВидео-фон зала заменить одним фото в WebP, карту на первом экране — статичной картинкой, слайдер меню — одним блюдомПочему работает. Видео и карта — самые тяжёлые элементы, а гостю на первом экране нужны атмосфера, адрес и кнопка брони.
- 2Интернет-магазин одеждыпокупатели с телефонаФото карточек сжать до WebP нужного размера, баннер-карусель из 8 слайдов заменить одним, отключить виджеты соцсетейПочему работает. Карусель и несжатые фото грузят мегабайты, которые на мобильном интернете никто не дождётся.
- 3Строительство домовзаказчики частных домовГалерею проектов вынести ниже первого экрана, рендеры по 5 МБ сжать, оставить 1 шрифт в 2 начертанияхПочему работает. Красивые рендеры — главная причина тормозов у строителей. Первый экран должен показать оффер, а не галерею.
- 4Стоматологияпациенты рядом с клиникойИз чата, обратного звонка, онлайн-записи и всплывающего окна оставить онлайн-запись и один мессенджерПочему работает. Четыре виджета грузят четыре чужих скрипта. Два нужных закрывают те же задачи.
- 5Лендинг на конструкторемалый бизнесУпростить блок первого экрана, удалить анимацию появления, убрать скрытые неиспользуемые блоки со страницыПочему работает. Скрытые блоки конструктора всё равно загружаются. Простой первый экран открывается быстрее.
- 6Сайт на WordPressкомпании с сайтом на CMSВключить плагин кеширования, удалить неактивные плагины и старые счётчики, перевести картинки в WebP плагиномПочему работает. Кеш и чистка плагинов дают заметное ускорение без программиста за один вечер.
- 7B2B-поставщик оборудованияинженеры и закупщикиPDF-каталоги не встраивать в страницу, а давать ссылкой; тяжёлые 3D-модели заменить фото; удалить старые скрипты аналитикиПочему работает. Встроенные PDF и 3D грузятся до первого экрана, а закупщику важнее быстро увидеть ассортимент и кнопку прайса.
- 8Фитнес-клубжители районаПромо-ролик заменить обложкой с кнопкой «смотреть», шрифты сократить до одного, отключить ленту соцсетейПочему работает. Видео загружается только по клику, а первый экран с оффером и ценой абонемента открывается сразу.
- 9Онлайн-школавзрослые ученикиВстроенные видео отзывов заменить превью-картинками, сократить число счётчиков и пикселей до нужныхПочему работает. Каждый встроенный плеер грузит свой скрипт. Превью с запуском по клику убирает лишний вес.
- 10Агентство недвижимостипокупатели квартирКаталог объектов подгружать порциями, фото квартир сжать, интерактивную карту показать только по кнопкеПочему работает. Сотни фото и карта на одной странице — гарантированно медленный сайт. Порции и кнопка снимают нагрузку.
Чек-лист
Частые вопросы
Какая оценка PageSpeed нужна?
Ориентируйтесь не на цифру, а на реальную скорость первого экрана с телефона. Зелёная зона — хорошо, но не обязательно.
Влияет ли скорость на цену клика?
Косвенно: медленный сайт даёт больше отказов и хуже конверсию, стратегия начинает платить больше за заявку.
Конструктор медленнее WordPress?
Зависит от сборки. Тяжёлым можно сделать любой сайт.
Каждая лишняя секунда загрузки — это люди, которые заплатили за клик и не дождались.
