Оптимизация скорости сайта в Волжске
В этой статье
Разговор о скорости чаще всего начинается с картинки экрана: в отчёте PageSpeed Insights горит красная цифра, и её просят закрасить зелёным. Цифра при этом не отвечает на главный вопрос – сколько секунд ждёт живой человек с телефоном в руке и что именно эти секунды создаёт.
Веб-студия «РостСайт» работает с 2011 года, за плечами больше 150 проектов. Ускорение работы сайта мы начинаем с разбора страницы по слоям. Ниже – как устроена работа и на чём чаще всего теряются секунды.
Зелёная сотня как ложная цель
В отчёте два разных блока. Верхний, полевой, берётся из статистики CrUX – это настоящие визиты пользователей Chrome за последние 28 дней. Нижний, лабораторный, считается тут же: один прогон на эмуляции недорогого телефона с искусственно замедленным каналом. Именно из него берётся тот самый балл.
Лабораторный прогон капризен: два запуска подряд дают разные числа. Поиск учитывает полевые данные, поэтому целью работы мы ставим долю быстрых визитов, а не круглую цифру. Бывает и так, что балл почти не двигается, а ускорение сайта посетители уже почувствовали, потому что улучшилось поведение на реальных устройствах.
Загрузка по слоям
Ожидание складывается из четырёх слоёв. Ответ сервера – время до первого байта, норма меньше 0,8 секунды. Передача файлов – зависит от веса и от числа подключений к разным доменам. Разбор кода браузером. Отрисовка на экране.
Смотреть надо диаграмму запросов. Длинная пауза в самом начале означает, что сайт медленно собирается на сервере, и сжатие картинок ничего не изменит. Плотный частокол из сотни запросов говорит о другом – о лишних файлах и подключениях к сторонним сервисам. Диагноз определяет очерёдность работ.
Форматы, размеры и момент показа изображений
Изображения обычно составляют больше половины веса. Первое, что мы проверяем, – соответствие размеров: файл на 2000 точек в блоке на 500 означает, что четыре пятых скачанных данных выброшены. Решение – набор размеров под разные экраны и выдача подходящего.
Второе – момент загрузки. Всё, что ниже первого экрана, грузится отложенно; всё, что на первом экране, наоборот, откладывать нельзя, иначе главная картинка появится позже и метрика LCP ухудшится. Третье – ширина и высота в разметке: без них браузер не знает, сколько места отвести, и вёрстка прыгает при догрузке.
Критические стили и отложенные скрипты
Стили и скрипты в шапке страницы блокируют показ: браузер не нарисует ничего, пока их не получит и не разберёт. Приём известный – вынести в разметку минимум стилей, нужных первому экрану, а остальной набор подключить следом. Скрипты, без которых первый экран обходится, получают отложенный запуск.
Отдельная статья расходов – сторонние сервисы: чат, обратный звонок, карта, счётчики, пиксели рекламных кабинетов. Каждый тянет соединение с чужим доменом и десятки собственных запросов, а вместе они часто перевешивают весь ваш код. Мы не вырезаем их молча, а показываем цену каждого в секундах и переносим подключение на момент после первой прокрутки. Так ускорение страниц сайта обходится без потери функций.
Хостинг, кеш и современные протоколы
Медленный ответ сервера лечится кешем готовых страниц, свежей версией PHP и сжатием ответа. Для статики выставляются длинные сроки хранения в браузере: при повторном визите файлы не запрашиваются вовсе, и вторая страница открывается почти мгновенно.
Стоит посмотреть и на транспорт. HTTP/2 передаёт файлы в одном соединении вместо очереди, HTTP/3 работает поверх QUIC и меньше страдает на нестабильной мобильной связи. Заодно вычищаются цепочки переадресаций: каждый лишний переход – это ещё один полный круг запроса.
Что входит в работу
Порядок такой: замер и разбор отчётов по ключевым страницам, список правок с ожидаемым выигрышем напротив каждой, согласование объёма, внедрение, контрольный замер. Полевые данные обновляются не мгновенно, поэтому итог по CrUX смотрим спустя несколько недель.
От заказчика нужны доступы к хостингу и системе управления, больше ничего. Работаем по договору с фиксированной сметой. Если сайт достался вам по наследству от прежних подрядчиков, полезно начать с SEO-аудита: оптимизация скорости сайта редко бывает единственной технической задачей.
Стоимость и с чего начать
Работы по скорости относятся к технической поддержке и стоят от 10 000 рублей, точная сумма зависит от объёма правок и считается после диагностики. Когда скорость нужна ради позиций, её логично взять в общий пакет поискового продвижения – от 19 000 рублей.
Примеры собранных нами проектов лежат в портфолио. Позвоните по номеру +7 (917) 818-43-57 или пришлите адрес сайта на info@rostsayt.ru – мы посмотрим отчёты и назовём три правки, которые дадут вашим посетителям из Волжска больше всего сэкономленных секунд.
