Ускорение сайта: скорость загрузки, PageSpeed и Core Web Vitals
Медленный сайт теряет посетителей ещё до первого экрана. Находим, что тормозит, и исправляем в коде и на сервере, а не только ставим плагин.
- Замеры до и после — видно, что изменилось
- Правки на копии сайта, без риска для рабочего
- Памятка, как не замедлить сайт снова
Признаки, что пора ускорять сайт
PageSpeed Insights показывает красные оценки для телефона.
Разбираем отчёт по пунктам и исправляем то, что даёт наибольший выигрыш.
Страница прыгает при загрузке, и человек нажимает не туда.
Задаём размеры картинкам и блокам, убираем поздно появляющиеся элементы. Если заявок мало не только из-за скорости, поможет юзабилити-аудит.
Сайт долго думает после нажатия кнопки.
Ищем тяжёлые скрипты — счётчики, виджеты, чаты — и загружаем их позже или убираем.
Поставили плагин кэширования, а быстрее не стало.
Смотрим сервер, базу и шаблон. Иногда причина глубже, чем кэш.
Как проверить скорость загрузки сайта самому
- 01
Откройте PageSpeed Insights
Вставьте адрес страницы и смотрите вкладку «Мобильные»: большинство посетителей приходят с телефона, и там сайт медленнее.
- 02
Посмотрите на три показателя
LCP — как быстро появился главный элемент страницы. INP — как быстро сайт отвечает на нажатие. CLS — прыгает ли вёрстка при загрузке.
- 03
Найдите данные реальных людей
Блок вверху отчёта — это замеры настоящих посетителей за 28 дней (CrUX). Они важнее баллов лабораторной проверки ниже.
- 04
Загляните в Метрику
В Яндекс Метрике есть отчёт о времени загрузки страниц: видно, какие страницы и на каких устройствах грузятся дольше.
Зелёная зона по нормам Google: LCP — до 2,5 секунды, INP — до 200 миллисекунд, CLS — до 0,1. Если показатель жёлтый или красный, есть что ускорять.
Не хотите разбираться сами — пришлите адрес через кнопку «Бесплатный разбор». Посмотрим скорость и назовём главные причины, почему сайт медленно загружается.
Почему сайт медленно загружается
Чаще всего причин несколько, и у каждой свой вклад. Поэтому начинаем с замера, а не с плагина.
Тяжёлые картинки
Фото по несколько мегабайт, старые форматы, картинки больше экрана.
Скрипты и виджеты
Чаты, счётчики, карты, квизы грузятся раньше контента и держат страницу.
Шрифты
Лишние начертания и загрузка, при которой текст мигает или прячется.
Медленный сервер
Долгое время ответа (TTFB), слабый хостинг, тяжёлые запросы к базе. Это решают серверы и DevOps.
Нет кэша и сжатия
Сервер каждый раз собирает страницу заново и отдаёт её без gzip или brotli.
Тяжёлая тема и плагины
Шаблон «на все случаи» тянет код, который на странице не используется.
Что входит в ускорение сайта
Работаем с тем, что реально тормозит: сначала замер, потом правки.
Картинки
Форматы WebP и AVIF, нужные размеры, ленивая загрузка.
Скрипты и стили
Сжатие JavaScript и CSS, отложенная загрузка, удаление неиспользуемого кода.
Шрифты
Только нужные начертания и загрузка без мигания текста.
Сторонние виджеты
Чаты, карты, счётчики — загрузка по требованию.
Сервер и кэш
Сжатие, кэширование, настройки сервера, CDN при необходимости. Остальную техническую часть закрывает техническая оптимизация.
Замеры до и после
Фиксируем показатели в начале и в конце — в PageSpeed и Метрике.
Ускорение сайта на WordPress, Битрикс и Tilda
Если движок держит сайт на месте, подскажем, когда выгоднее перейти на другую CMS.
WordPress
Узкие места — десятки плагинов, тяжёлая тема, картинки без обработки. Убираем лишнее, настраиваем кэш на сервере, а не только плагином.
1С-Битрикс
Узкие места — тяжёлые компоненты каталога, композитный режим без настройки, запросы к базе. Настраиваем кэш компонентов, сервер и отдачу картинок.
Tilda
У платформы есть потолок: сервер и часть кода нам недоступны. Ускоряем картинки, шрифты, сторонние виджеты и честно говорим, где предел.
Сколько стоит ускорение сайта
Ориентир — по запросу. Цену называем после замера: без него неизвестно, что именно тормозит. Типовой сайт на CMS, интернет-магазин с каталогом и сложный проект с собственным сервером — разные объёмы работы.
Из чего складывается цена:
- движок и шаблон — на конструкторе возможности ограничены платформой;
- сколько сторонних виджетов и скриптов на сайте;
- нужны ли правки сервера и хостинга;
- число типов страниц, которые ускоряем.
Если медленная загрузка — лишь одна из проблем, начните с аудита сайта: он покажет всё сразу. Если страница прыгает при загрузке и люди не доходят до заявки, дело уже в удобстве — это покажет юзабилити-аудит. Если сайт пора переделать целиком, посмотрите сайт на WordPress, Битрикс или Tilda.
Форматы. Разовый проект. Ускорение также может входить в техническую оптимизацию или в продвижение. Чтобы сайт не замедлился снова после новых плагинов и баннеров, скорость можно держать под контролем в технической поддержке сайта.
Цены на SEO-услуги
Ускорение считаем после замера: одному сайту хватает сжатия картинок и кэша, другому нужна переделка шаблона.
| Услуга | Что входит | Стоимость | Заявка |
|---|---|---|---|
| SEO-продвижение сайта Рост посещений и заявок из Яндекса и Google. Команда под задачу, план и отчёт каждый месяц. |
| от 60 000 ₽ в месяц | Обсудить |
| SEO-тексты и контент Тексты страниц и статьи под реальные запросы — на фактах о вашем бизнесе, с метатегами. |
| от 80 000 ₽ за проект | Обсудить |
| Аудит сайта (SEO и технический) Проверка техники, структуры, текстов и коммерческих факторов. Список правок по приоритету и созвон с разбором. |
| от 41 000 ₽ за проект | Обсудить |
| SEO с оплатой за трафик или заявки Часть оплаты зависит от визитов или заявок из поиска. Правила подсчёта — в договоре. |
| от 79 000 ₽ в месяц | Обсудить |
| SEO-продвижение интернет-магазина Каталог, фильтры, карточки и дубли. Массовые правки скриптами, а не вручную. |
| по запросу | Обсудить |
| GEO: продвижение в ответах нейросетей Чтобы Алиса, ChatGPT и Perplexity упоминали вашу компанию, когда клиент просит совета. |
| от 130 000 ₽ в месяц | Обсудить |
| Техническая и внутренняя оптимизация Индексация, дубли, переадресации, метатеги, разметка. Не только находим, но и исправляем. |
| от 69 000 ₽ за проект | Обсудить |
| Сбор семантического ядра Запросы, по которым ищут ваши услуги, — очищенные и разложенные по страницам сайта. |
| от 28 000 ₽ за проект | Обсудить |
| Продвижение на Яндекс Картах и в 2ГИС Полные и аккуратные карточки компании на картах: рубрики, фото, цены, отзывы. |
| от 15 000 ₽ за проект | Обсудить |
| SEO при переезде и редизайне Сохраняем трафик при смене движка, домена или дизайна: от описи страниц до контроля после запуска. |
| по запросу | Обсудить |
| SEO-консультации и обучение Разбор сайта на созвоне, проверка решений подрядчика, обучение вашей команды. |
| по запросу | Обсудить |
| Ускорение сайта Быстрая загрузка на телефоне и зелёные показатели Core Web Vitals. Правки в коде и на сервере. |
| по запросу | Обсудить |
| Управление репутацией в интернете Отзывы и упоминания компании под присмотром: ответы, жалобы по правилам площадок, выдача по названию. |
| по запросу | Обсудить |
| Продвижение сайта в Яндексе Коммерческие факторы, региональность, Карты и Вебмастер — то, что учитывает Яндекс. Без накрутки ПФ. |
| от 60 000 ₽ в месяц | Обсудить |
| Продвижение сайта в Google Индексация, скорость и Core Web Vitals, контент с экспертизой и ссылки — то, на что смотрит Google. |
| от 60 000 ₽ в месяц | Обсудить |
| SEO-продвижение корпоративного сайта Страницы услуг и отраслей под спрос, экспертный контент, коммерческие факторы, отчёт в лидах. |
| от 60 000 ₽ в месяц | Обсудить |
Замер до и после: какие показатели сравниваем
В отчёте по вашему сайту эти показатели стоят в двух столбцах: на старте и после правок.
LCP
- Что показывает
- когда появился главный элемент страницы
- Зелёная зона
- до 2,5 с
- Где смотрим
- PageSpeed, данные реальных людей
INP
- Что показывает
- как быстро сайт отвечает на нажатия
- Зелёная зона
- до 200 мс
- Где смотрим
- PageSpeed, данные реальных людей
CLS
- Что показывает
- прыгает ли вёрстка при загрузке
- Зелёная зона
- до 0,1
- Где смотрим
- PageSpeed, данные реальных людей
TTFB
- Что показывает
- как быстро отвечает сервер
- Зелёная зона
- до 0,8 с
- Где смотрим
- PageSpeed, замер с сервера
Вес страницы
- Что показывает
- сколько данных скачивает телефон
- Зелёная зона
- чем меньше, тем лучше
- Где смотрим
- инструменты разработчика в браузере
Главное — данные реальных посетителей, а не баллы лабораторной проверки: поисковики и люди видят именно их.
Пороги — по рекомендациям Google для Core Web Vitals.
Как идёт работа
- 01
Замер
PageSpeed, данные реальных пользователей, запись загрузки. Вы получаете картину «как сейчас».
- 02
План
Список правок с ожидаемым выигрышем. Вы получаете смету.
- 03
Правки
Вносим изменения на копии сайта и проверяем, что ничего не сломалось.
- 04
Контрольный замер
Сравниваем с исходными цифрами и переносим на рабочий сайт. Вы получаете отчёт.
- 05
Рекомендации
Вы получаете памятку, как сохранить скорость при следующих доработках.
Сроки
Срок фиксируем в смете после замера.
От чего зависит срок:
- движок и доступ к коду и серверу;
- число типов страниц;
- нужна ли тестовая копия сайта.
Данные реальных пользователей в отчётах Google собираются за 28 дней, поэтому итог по ним виден не сразу после правок.
Что вы получите на выходе
Замеры до и после
PageSpeed и данные реальных пользователей — в сравнении.
Ускоренный сайт
Правки проверены на копии и перенесены на рабочий сайт.
Памятка
Как не замедлить сайт при следующих доработках.
Кто работает над проектом
Команду собираем под задачу: в проекте только те специалисты, которые нужны именно вам.
Руководитель проекта — Александр Свердлов
Основатель sverdlov.pro. Ставит с вами цели, утверждает план, принимает работу команды и отвечает за результат. На связи напрямую.
Фронтенд-разработчик
Ускоряет картинки, скрипты, стили и шрифты.
Инженер по серверам
Настраивает кэширование, сжатие и хостинг.
Вопросы об ускорении
Сколько стоит ускорить сайт?
Какая скорость загрузки считается нормальной?
Гарантируете ли вы зелёную зону PageSpeed?
Влияет ли скорость на позиции в поиске?
Сайт перестанет работать во время ускорения?
Скорость не упадёт обратно через месяц?
Нужна ли CDN небольшому сайту?
Помогут ли плагины кэширования?
Нужен ли доступ к хостингу?
Как часто нужно ускорять сайт?
Что такое Core Web Vitals?
Работаете по договору?
Смежные услуги
Техническая и внутренняя оптимизация
Индексация, дубли, переадресации, метатеги, разметка. Не только находим, но и исправляем.
Аудит сайта (SEO и технический)
Проверка техники, структуры, текстов и коммерческих факторов. Список правок по приоритету и созвон с разбором.
Серверы и DevOps
Серверы для сайтов и сервисов: настройка VPS, мониторинг, резервные копии, обновления, CI/CD и DevOps.
Юзабилити-аудит и рост конверсии
Разбор сайта глазами клиента: где люди теряются и что поправить, чтобы заявок стало больше.
Обсудим ваш проект
Заявку читает руководитель проекта, а не колл-центр и не автоответчик.
Что будет после заявки
- Укажите удобный способ связи для обсуждения задачи.
- Созвонимся, чтобы понять задачу, цифры и ограничения.
- Предложим план: что сделать, в каком порядке, кто из команды подключится и сколько это стоит.
Заявка ни к чему не обязывает. Если задача окажется не нашей, скажем прямо и подскажем, куда обратиться.
Расскажите о задаче
Имени и телефона достаточно. Подробности можно добавить сразу или обсудить при звонке.