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