Оптимизация скорости сайта в Санкт-Петербурге
В этой статье
Больше половины заходов на коммерческие сайты сегодня приходит со смартфонов, и это принципиально другие условия работы. Телефон слабее ноутбука по процессору, сеть у него нестабильна, а между вышкой и сервером добавляется задержка, которой нет в офисном кабинете. Страница, которая на рабочем компьютере открывается мгновенно, в метро или в лифте может собираться шесть секунд.
Поэтому проверять сайт нужно в тех условиях, в которых он живёт. Веб-студия РостСайт с 2011 года ведёт техподдержку чужих проектов, за это время их прошло больше 150, и ускорение сайта мы всегда меряем сначала на мобильном профиле, а уже потом на настольном.
Разница в секундах здесь превращается в деньги напрямую: посетитель с телефона почти никогда не ждёт – он возвращается в выдачу и открывает следующую строчку. И Яндекс, и Google учитывают скорость среди факторов ранжирования, так что медленный сайт теряет дважды.
Что именно тормозит на телефоне
Три вещи, которые на настольном компьютере незаметны, а на мобильном становятся решающими.
- Объём JavaScript. Телефон разбирает и выполняет код в несколько раз медленнее, и лишний мегабайт скриптов превращается в секунды ожидания.
- Полноразмерные изображения. Экран шириной 390 точек не нуждается в фотографии на 3000 пикселей, но браузер честно скачает то, что вы отдали.
- Задержка сети. Каждый лишний домен в коде страницы – это новое соединение с рукопожатием, и на мобильном канале оно стоит десятки миллисекунд.
LCP: первый экран решает всё
Метрика фиксирует появление самого крупного видимого элемента – чаще всего обложки или заголовка. Порог – 2,5 секунды. Типичные виновники: карусель, которая до старта грузит все слайды; фоновое видео на обложке; шрифт, из-за которого заголовок ждёт своей очереди; редиректы, добавляющие лишний круг ещё до начала загрузки.
INP: сайт откликается или подвисает
С 2024 года вместо FID измеряется INP – задержка отклика на любое взаимодействие за весь визит. Нажатие по меню, раскрытие карточки товара, отправка формы: если между действием и реакцией проходит больше 200 мс, интерфейс воспринимается как залипший. Причина почти всегда одна – главный поток браузера занят выполнением скриптов, и обработать нажатие ему нечем.
CLS: страница не должна прыгать
Сдвиг вёрстки бесит сильнее медленной загрузки: вы тянетесь к кнопке, а под палец выезжает баннер. Норма показателя – 0,1. Лечится скучно и надёжно: всем изображениям и встраиваемым блокам задаются размеры, место под рекламу и уведомления резервируется заранее, шрифт подменяется без изменения метрик текста.
Работа с кодом
Дальше идёт то, что не видно глазом. Стили, нужные для первого экрана, выделяются отдельно, остальное подключается следом и не блокирует отрисовку. Скрипты получают отложенное выполнение. Из сборки убирается неиспользуемый код – на сайтах, живущих несколько лет, его обычно накапливается изрядно. Отдельно пересматриваются сторонние виджеты: чат, карта, счётчики, пиксели рекламных систем. Часть из них можно поднимать только по действию посетителя, часть – удалить, потому что о них давно забыли. Такое ускорение страниц сайта не требует переписывать вёрстку.
Сервер, кеш и протоколы
Время до первого байта задаёт нижнюю границу всему остальному. Включаем кеш готовых страниц, настраиваем заголовки кеширования для браузера, проверяем сжатие ответов и поддержку HTTP/2 и HTTP/3 – на мобильном канале современный протокол экономит заметно. Если хостинг не тянет, честно говорим об этом: ускорение загрузки сайтов на слабом тарифе упирается в потолок, который правками кода не поднять.
Организация работ по проекту
Сначала замер: полевые данные реальных посетителей и лабораторный прогон. Затем список работ с оценкой эффекта, чтобы вы понимали, за что платите. Затем правки на копии, перенос на боевой сайт и контрольный замер. От вас нужны доступы к хостингу и к системе управления. Если сайт только планируется, скорость дешевле заложить сразу на этапе разработки, чем разгонять готовый.
Начать удобно с аудита, дальше оптимизация скорости сайта ведётся в рамках технической поддержки от 10 000 рублей в месяц, а за позициями в выдаче – SEO-продвижение от 19 000 рублей. Звоните +7 (917) 818-43-57 или пишите на info@rostsayt.ru, разберём ваш случай по метрикам, а не на глаз.
