Оптимизация скорости сайта в Москве
В этой статье
Скорость перестала быть вопросом вкуса в тот момент, когда поисковые системы начали измерять её конкретными числами и учитывать при ранжировании. Теперь это инженерная задача с понятными порогами, а не спор о том, «долго» или «нормально».
Веб-студия РостСайт работает с 2011 года и выпустила больше 150 проектов. Ниже разложено, из каких слоёв складывается ожидание, какие метрики важны, и что мы делаем на каждом уровне – от сервера до сторонних виджетов.
Что именно тормозит: разбираем по слоям
Ожидание собирается из трёх независимых частей. Первая – ответ сервера: хостинг принял запрос, движок собрал страницу, база отдала данные. Вторая – передача: файлы едут по сети, и здесь важны суммарный вес и число запросов. Третья – работа браузера: он разбирает разметку, применяет стили, выполняет скрипты и лишь потом рисует.
Для посетителя все три выглядят одинаково, а действия требуются противоположные. Поэтому ускорение сайта начинается с раздельного замера каждого слоя, иначе бюджет уходит на сжатие картинок при перегруженном сервере.
Метрики, на которые смотрит поиск
Группа Core Web Vitals состоит из трёх показателей с фиксированными порогами.
- LCP – отрисовка самого крупного элемента первого экрана, норма до 2,5 секунды. Ломают её тяжёлая обложка, медленный хостинг и шрифт, подгружаемый со стороны.
- INP – задержка реакции на действие, норма до 200 миллисекунд. С 2024 года заменил прежний FID и учитывает худшее взаимодействие за визит. Виноват тяжёлый JavaScript в главном потоке.
- CLS – сдвиг вёрстки во время загрузки, норма до 0,1. Причина почти всегда в неуказанных размерах картинок и блоков.
Отдельно стоит понимать разницу между лабораторным прогоном и полевыми данными. Первый – единичный тест в стерильных условиях, вторые собраны браузерами реальных посетителей за 28 дней по результату 75% аудитории. В ранжировании участвуют вторые, поэтому охота за сотней баллов в лаборатории – потраченное время.
Изображения и видео
На большинстве сайтов графика даёт основную долю веса. Стандартная находка – снимок в четыре тысячи пикселей шириной в блоке на четыреста: браузер скачивает файл целиком и уменьшает его сам. Мы приводим размеры к реальным, подбираем степень сжатия, включаем отложенную загрузку ниже первого экрана и, наоборот, повышаем приоритет обложки. Ширина и высота проставляются всем изображениям, иначе макет прыгает.
Фоновое видео на первом экране почти всегда обходится дороже, чем даёт: несколько мегабайт ради движения за заголовком – плохая сделка, особенно на мобильном канале.
Стили, скрипты и сторонние сервисы
Стили и скрипты, объявленные в шапке документа, блокируют отрисовку: пока браузер их не обработал, экран пуст. Критические правила оформления выносим в разметку, остальное подгружаем следом, скриптам назначаем отложенный запуск, неиспользуемый код старых шаблонов удаляем, файлы минифицируем и отдаём сжатыми.
Тяжелее всего – чужой код. Чат, карта, пиксель рекламной сети, счётчики от нескольких подрядчиков: они лежат на посторонних серверах, скоростью их отдачи вы не управляете, а выполняются они в том же потоке, что и ваш интерфейс. Инвентаризация этого списка и отложенный запуск оставшегося дают заметный выигрыш по отклику.
Инфраструктура: сервер, кеш, протоколы
Если первый байт приходит через секунду, дальнейшая борьба за десятые доли не имеет смысла. Проверяем тариф и загрузку хостинга, версию PHP, кеш готовых страниц, кеш браузера для статики, сжатие текстовых файлов, поддержку HTTP/2 и HTTP/3, снимающих очередь запросов к домену.
Сюда же входит поиск постороннего кода: заражённый сайт медленный закономерно. Помогает проверка на вредоносные вставки, а при пометке домена браузерами – вывод из чёрных списков.
Ускорение как проект: от аудита до отчёта
Замер до начала работ, согласованный перечень задач с ожидаемым эффектом по каждой, работы, контрольный замер в тех же условиях, отчёт со сравнением цифр. От вас – доступы к хостингу и системе управления. Если сайт делали не мы, стартуем с технического аудита, а дальнейшее сопровождение при желании берём на себя.
Ускорение работы сайта – от 10 000 рублей по договору с фиксированной сметой. Часто это первый этап поискового продвижения от 19 000 рублей в месяц: на быстром сайте вложения в трафик окупаются раньше. Звоните +7 (901) 417-22-12 или пишите на info@rostsayt.ru. Заказчики из Москвы работают с нами удалённо, все согласования проходят онлайн.
