Оптимизация скорости сайта в Калуге
В этой статье
Разговор о скорости почти всегда начинается с эмоции: «долго открывается». Дальше обычно следует поиск волшебной кнопки – модуля кеширования, нового хостинга, сжатия картинок оптом. Иногда помогает, чаще нет, потому что причина оказалась в другом месте.
Веб-студия РостСайт занимается технической стороной сайтов с 2011 года, в работе было больше 150 проектов. Мы устроили ускорение сайта как инженерную процедуру: сначала числа, потом гипотезы, потом правки и контрольный замер. Ниже – что именно измеряется и какие значения считаются нормальными.
Диагностика начинается с раздельного замера
Время ожидания делится на четыре части: установка соединения, подготовка ответа на сервере, передача файлов по сети, разбор и отрисовка в браузере. Каждая часть меряется отдельно, и почти всегда оказывается, что одна из них съедает больше половины. Пока это не известно, любые работы – лотерея: можно неделю сжимать фотографии на сайте, у которого база данных отвечает три секунды.
Пороговые значения, которые стоит держать в голове
| LCP | отрисовка самого крупного элемента первого экрана | до 2,5 с |
| INP | задержка отклика на действие посетителя | до 200 мс |
| CLS | накопленный сдвиг вёрстки при загрузке | до 0,1 |
| TTFB | время до первого байта от сервера | до 0,8 с |
Эти цифры считаются по статистике реальных визитов, а не по единичному прогону в отчёте. Синтетическая оценка полезна тем, что показывает, где именно чинить, но гнаться за «зелёными ста баллами» бессмысленно – в ранжировании участвуют полевые данные.
Что обычно ломает отрисовку первого экрана
Три сценария повторяются чаще прочих. Тяжёлая обложка, которую браузер получает в самом конце очереди. Шрифт, из-за которого текст ждёт загрузки файла и появляется рывком. Стили и скрипты в начале документа, блокирующие показ до тех пор, пока не будут скачаны и разобраны целиком. Разбирается это по одному: критические стили уходят прямо в документ, остальное грузится отложенно, главная картинка получает приоритет.
Откуда берётся сдвиг вёрстки
Содержимое прыгает, когда браузер не знал заранее, сколько места займёт элемент. Картинка без указанных ширины и высоты, баннер, подгруженный скриптом, блок с отзывами, который появляется через секунду после текста. Посетитель целится в кнопку и попадает в рекламу. Лечится это скучно и надёжно: явные размеры у медиа и зарезервированное место под всё, что приходит позже.
Шрифты, которые задерживают текст
Один нестандартный шрифт в четырёх начертаниях – это четыре файла, каждый из которых нужно скачать до появления текста. Свойство font-display позволяет показать системное начертание сразу и подменить его, когда файл придёт. Часто выясняется, что половина начертаний на сайте вообще не используется. Оптимизация скорости сайта начинается с таких находок, а не с покупки более дорогого хостинга.
Внешние сервисы и их цена в миллисекундах
Виджет обратного звонка, онлайн-чат, карта, счётчики, рекламные пиксели, кнопки соцсетей. Каждый тянет файлы с чужих серверов, и ваша страница ждёт столько, сколько решит чужой сервер. Мы собираем список всех подключений и показываем вклад каждого в общее время. Решение, что оставить, принимает владелец, но принимает его с цифрами на руках, а не по ощущениям. Ускорение страниц сайта на живых проектах чаще всего упирается именно в этот список.
Формат сотрудничества
Сначала замер и отчёт, потом список работ с ожидаемым эффектом по каждому пункту, потом согласование, работы и контрольный замер. Договор с фиксированной сметой, от заказчика нужны доступы к хостингу и системе управления сайтом.
Ускорение работы сайта входит в техническую поддержку от 10 000 рублей в месяц, полный прайс – на странице цен. Если параллельно проседают позиции, посмотрите SEO-аудит и поисковое продвижение от 19 000 рублей в месяц. Кто мы и как работаем – коротко на странице о компании.
Позвоните по номеру +7 (901) 417-22-12 или напишите на info@rostsayt.ru: снимем метрики, назовём узкие места и посчитаем работы. С заказчиками из Калуги взаимодействуем удалённо, приезжать никуда не нужно.
