Оптимизация скорости сайта в Ярославле
В этой статье
Сайт, который на рабочем компьютере открывается мгновенно, на телефоне в дороге может думать шесть секунд. Причина не в интернете как таковом: у телефона слабее процессор, а канал нестабилен, и каждый лишний файл обходится дороже, чем на проводном подключении.
Веб-студия «РостСайт» работает с 2011 года, за это время сдано больше 150 проектов. Ниже – что мы измеряем, что правим и почему оптимизация скорости сайта начинается с замеров на мобильном профиле, а не с советов из общего списка.
Скорость на мобильном интернете решает
Большая часть визитов приходит с телефонов, и поисковые системы оценивают страницы по мобильной версии. Google учитывает скорость в ранжировании через Core Web Vitals, Яндекс тоже принимает её во внимание. Но арифметика проще любых алгоритмов: человек, который ждал две секунды, дочитает предложение, а тот, кто ждал шесть, вернётся в выдачу.
Разбор кода и отрисовка на телефоне занимают в разы больше времени, чем на ноутбуке разработчика: скрипт, незаметный в офисе, съедает у посетителя полторы секунды.
Что показывает отчёт PageSpeed
В отчёте два блока с разной природой. Полевые данные CrUX собраны с настоящих браузеров за 28 дней – это то, что видели живые люди. Лабораторный прогон делается тут же на эмуляции недорогого телефона с замедленным каналом, и именно он даёт балл от 0 до 100.
Лабораторное число прыгает между запусками и не равно опыту посетителя. Поиск смотрит на полевые данные, поэтому ускорение сайта мы оцениваем по доле быстрых визитов. Балл при этом обычно тоже растёт, но он следствие, а не цель.
Первый экран и метрика LCP
LCP отмечает появление самого крупного элемента первого экрана – обычно это фотография обложки или заголовок. Норма – до 2,5 секунды. Дальше всё логично: если обложка весит три мегабайта, метрика не уложится ни при каких настройках сервера.
Второй частый виновник – шрифты. Пока файл начертания не скачался, текст либо не показывается вовсе, либо мигает подменой. Собственный хостинг шрифтов вместо стороннего, вырезанное кириллическое подмножество и корректное значение font-display снимают эту паузу. Третий – ленивая загрузка, ошибочно навешенная на саму обложку: браузер откладывает то, что должен показать первым.
Отклик интерфейса и прыжки вёрстки
INP измеряет задержку между нажатием и ответом страницы, он заменил FID в 2024 году. Порог – 200 миллисекунд. Главный поток браузера один, и пока в нём считается длинная задача JavaScript, нажатие просто стоит в очереди. Чаще всего очередь создают чужие скрипты: чат, виджет звонка, счётчики, рекламные пиксели.
CLS считает сдвиги вёрстки. Норма – 0,1. Лечится указанием ширины и высоты у изображений и зарезервированным местом под всё, что подгружается позже. Такое ускорение работы сайта заметно даже без секундомера: страница перестаёт дёргаться под пальцем.
Откуда берётся лишний вес страницы
Разбор веса почти всегда даёт одну и ту же картину. Сначала изображения: файл на 2500 точек в блоке на 400 означает, что большая часть трафика потрачена впустую. Помогают несколько размеров под разные экраны, сжатие и отложенная загрузка всего, что ниже первого экрана.
Дальше код: минификация, удаление неиспользуемых библиотек, критические стили первого экрана прямо в разметке, отложенный запуск скриптов. И отдельно – сторонние сервисы. Мы считаем цену каждого в секундах и переносим подключение: чат после первой прокрутки, карта по клику на заглушку. Ускорение страниц сайта достигается без отказа от привычных инструментов.
Настройка сервера и кеширования
Время до первого байта должно укладываться в 0,8 секунды. Если движок собирает страницу заново для каждого посетителя, помогает кеш готовых страниц, свежая версия PHP и сжатие ответа. Для файлов оформления выставляются длинные сроки хранения в браузере, и при повторном визите они не запрашиваются вовсе.
Транспорт тоже влияет: HTTP/2 передаёт файлы в одном соединении, HTTP/3 поверх QUIC устойчивее при скачущем сигнале. Заодно убираются цепочки переадресаций – каждый переход стоит целого круга запроса.
Как заказать и во что обойдётся
- замер и разбор отчётов по ключевым страницам;
- список правок с ожидаемым выигрышем в секундах;
- согласование объёма и сметы;
- работы и контрольный замер, позже – проверка полевых данных.
От заказчиков из Ярославля нужны доступы к хостингу и системе управления. Работы входят в техническую поддержку и стоят от 10 000 рублей по договору с фиксированной сметой. Когда нужны ещё и позиции, скорость становится частью поискового продвижения – от 19 000 рублей, а начать стоит с SEO-аудита.
Позвоните по номеру +7 (901) 417-22-12 или напишите на info@rostsayt.ru, назовите адрес сайта. Мы посмотрим отчёты и скажем, где теряются секунды. Наши работы – в портфолио.
