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