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