Оптимизация скорости сайта в Йошкар-Оле
В этой статье
Скорость страницы – это не одно число, а результат работы четырёх независимых звеньев: сервера, сети, браузера и разметки. Одинаковых рецептов тут не бывает: одному сайту нужен кеш, второму – ревизия чужих скриптов, третьему достаточно пересобрать картинки.
Веб-студия «РостСайт» работает с 2011 года, сдано больше 150 проектов. Ускорение сайта мы строим как ремонт по смете: сначала дефектовка, потом список работ с ценой и ожидаемым эффектом, и только затем правки.
Диагностика вместо догадок
Первый инструмент – диаграмма загрузки, где каждый запрос показан отдельной полоской. По ней сразу видно, чего ждёт браузер. Длинная пауза перед первой полоской означает медленный ответ сервера: норма – меньше 0,8 секунды, а плохо настроенный движок легко выдаёт две.
Плотная стена из сотни запросов говорит о другом: файлов слишком много, и часть из них уходит на чужие домены, где каждое соединение стоит поиска адреса и рукопожатия. Третий типичный рисунок – короткая загрузка и долгая пауза перед появлением содержимого: браузер занят разбором тяжёлого скрипта.
Core Web Vitals без терминологии
Поисковые системы измеряют скорость не секундомером, а тремя показателями, которые собираются с настоящих браузеров:
- LCP – через сколько секунд появился самый крупный элемент первого экрана; норма до 2,5 секунды;
- INP – задержка ответа на нажатие, показатель заменил FID в 2024 году; норма до 200 миллисекунд;
- CLS – суммарный сдвиг вёрстки, когда содержимое прыгает при догрузке; норма до 0,1.
Значение в отчёте PageSpeed Insights берётся из лабораторного прогона: один запуск на эмуляции недорогого телефона, результат заметно скачет. Полевые данные CrUX собраны из настоящих визитов за 28 дней, и в ранжировании участвуют именно они. Поэтому оптимизация скорости сайта оценивается по доле быстрых визитов, а не по круглому баллу в отчёте.
Медиа: главный источник мегабайт
Изображения обычно занимают больше половины веса страницы. Самая частая ошибка – один файл на все случаи: снимок на 2400 точек показывается и на широком мониторе, и в блоке шириной 350 точек на телефоне. Набор из нескольких размеров решает проблему за один подход.
Дальше – порядок загрузки. Всё, что ниже первого экрана, грузится отложенно, а обложка первого экрана – наоборот, как можно раньше, потому что чаще всего именно она определяет LCP. Ширина и высота в разметке нужны обязательно: без них браузер не резервирует место, и страница дёргается. Такое ускорение загрузки сайтов обходится дешевле любой другой работы.
Стили, скрипты и шрифты
Стили и скрипты, подключённые в шапке, задерживают показ: пока браузер их не разберёт, на экране пусто. Мы выносим в разметку минимум стилей для первого экрана, остальное подключаем следом, а скрипты, без которых первый экран обходится, запускаем отложенно. Свой код при этом минифицируется, неиспользуемые библиотеки удаляются.
Шрифты – отдельная история. Каждое начертание качается отдельным файлом, часто вместе с ненужными алфавитами. Помогают собственный хостинг вместо стороннего сервиса, вырезанное подмножество и корректный font-display, чтобы текст показывался сразу. И самое жирное – сторонние виджеты: чат, обратный звонок, карта, счётчики и рекламные пиксели. Мы считаем цену каждого в секундах, а подключение переносим на момент после первой прокрутки.
Сервер, кеш и повторные визиты
Если движок собирает страницу заново для каждого посетителя, кеш готовых страниц даёт больший выигрыш, чем вся работа с вёрсткой. К нему добавляются сжатие ответа, свежая версия PHP и заголовки кеширования для файлов оформления: при втором визите браузер берёт их с диска и не идёт в сеть.
Полезно проверить и транспорт. HTTP/2 передаёт файлы в одном соединении, HTTP/3 работает поверх QUIC и лучше держится на слабой мобильной связи – там, где сигнал скачет, ускорение работы сайта заметнее всего. Заодно чистятся цепочки переадресаций: каждая забирает полный круг запроса.
Этапы работы, доступы и цена
Работа идёт по кругу: замер, список правок с ожидаемым выигрышем в секундах, согласование, внедрение, контрольный замер. Полевые данные обновляются с задержкой, поэтому итог по CrUX смотрим спустя несколько недель. От заказчиков из Йошкар-Олы нужны только доступы к хостингу и системе управления, договор с фиксированной сметой.
Работы относятся к технической поддержке, цена от 10 000 рублей и зависит от объёма. Когда важны позиции, скорость входит в технический блок поискового продвижения – от 19 000 рублей; начать в этом случае разумно с SEO-аудита. Наши контакты под рукой: звоните +7 (917) 818-43-57 или пишите на info@rostsayt.ru, назовите адрес – посмотрим отчёты и скажем, где именно ваш сайт теряет секунды.
