Ускорение скорости
загрузки сайта
в Москве

Потому что вы смотрите на него в лучших условиях, какие бывают. У вас он уже в кеше браузера, вы заходите с быстрого канала и чаще с компьютера, а нередко ещё и авторизованы в админке. Посетитель приходит впервые, с телефона и мобильного интернета. Поэтому мерить надо первый визит на слабом устройстве и медленной сети — и только такой замер стоит брать за точку отсчёта.

Разной целью и разным объёмом. Аудит скорости отвечает на один вопрос: на что уходит время при загрузке страницы и что даст наибольший выигрыш. Технический аудит шире: доступность страниц, дубли, переадресации, разметка, ошибки сервера, корректность карты сайта. Они пересекаются, но не заменяют друг друга. Если задача — вернуть посетителей, которые не дожидаются загрузки, нужен первый; если страницы пропадают из поиска, второй.

Результат делится на две части. Быстрая — сжатие и правильная отдача картинок, кеш, уборка лишних скриптов: это делается в течение нескольких рабочих дней, и разница видна сразу в замере. Медленная — переборка тяжёлых мест в коде и базе, и она занимает столько, сколько занимает разбор. Мы всегда начинаем с первой части: она дешевле, и после неё видно, нужна ли вторая.

Частично, и границу честнее назвать сразу. В конструкторе закрыты сервер, способ сборки страницы и большая часть кода, поэтому остаётся то, чем управляете вы: вес и формат изображений, число блоков и анимаций, сторонние виджеты и счётчики, шрифты. Этого хватает, чтобы заметно улучшить показатели. Если после уборки скорость упирается в саму платформу, дальше разговор идёт уже о переносе сайта, а не об оптимизации.

Три вещи, и в таком порядке. Приводят размер к реальному: на сайт часто кладут исходник со стороной в несколько тысяч пикселей, а показывают его в четверть экрана. Меняют формат на современный, который весит в разы меньше при том же качестве. И убирают загрузку того, что посетитель ещё не видит, — нижние картинки грузятся при прокрутке. Обычно это самый дешёвый выигрыш на сайте.

Готовые страницы там действительно не раздать — содержимое у каждого своё. Ускорение идёт другим путём: кешируются не страницы, а результаты запросов и общие части интерфейса; тяжёлые отчёты считаются заранее, а не в момент открытия; списки отдаются порциями. Отдельно проверяем, не отключён ли кеш для всего сайта разом из-за нескольких закрытых разделов — так бывает чаще, чем кажется, и лечится точечным правилом вместо общего запрета.

Правда, и это одна из самых заметных задержек. Пока нестандартный шрифт не загрузился, браузер может держать текст невидимым, и посетитель смотрит на пустой блок при уже готовой странице. Лечится это просто: показывать текст сразу системным шрифтом и подменять его после загрузки, класть шрифты на свой домен, оставлять только реально используемые начертания. Обычно из десятка загружаемых файлов нужны два-три.

Часть работ — да: вес изображений, лишние скрипты и виджеты, настройки кеша в самой системе управления. Без доступа к серверу закрыты сжатие на стороне сервера, версия языка, настройки базы и заголовки кеширования — а это как раз то, что нередко и держит скорость. Поэтому мы просим доступ сразу. Когда узкое место в самой площадке, задачу закрывает перенос сайта на другой хостинг.

Он помогает, когда посетители разбросаны географически, а на сайте много статики — картинок, стилей, скриптов: файлы отдаются с ближней точки и приходят быстрее. Он почти не помогает, если аудитория в одном регионе, а время уходит на сборку страницы сервером: расстояние тут ни при чём. Ещё он не чинит тяжёлую страницу — просто доставляет её быстрее. Поэтому подключаем его после уборки, а не вместо неё.

Да, и гнаться за цветом не стоит. Публичные измерители считают балл на условном медленном устройстве и по своей формуле, в которую входят вещи, не влияющие на ощущения посетителя. Смотреть надо на другое: за сколько появляется главный блок страницы, не прыгает ли вёрстка при загрузке, отвечает ли страница на первое нажатие. Мы показываем именно эти величины до и после работ.

С замера, а не с установки плагина. Нужны два разных прибора: лабораторный тест, который воспроизводит загрузку в контролируемых условиях, и полевые данные о реальных посетителях с их устройствами и связью. Они часто расходятся, и правда ближе к полевым. До того как что-то менять, мы фиксируем исходные значения — иначе потом невозможно доказать, что стало лучше, и любой спор об эффекте упирается в ощущения.

Три, которые описывают опыт посетителя: как быстро появляется основное содержимое экрана, как быстро страница отвечает на первое действие и не прыгает ли вёрстка во время загрузки. Именно они попадают в отчёты поисковых систем. Оценка в баллах у популярных сервисов — производная и удобна для сравнения, но гнаться за круглой цифрой бессмысленно: страница с идеальным баллом может ощущаться медленной на реальном телефоне.

Чаще всего из-за наложения. Кеш уже был на стороне сервера, и два слоя начали отдавать друг другу устаревшие страницы. Второй типичный случай — агрессивное объединение и сжатие скриптов: страница формально грузится быстрее, но ломается корзина или форма. Третий — отложенная загрузка скриптов, после которой меню и слайдеры отвечают с задержкой. Мы включаем такие настройки по одной и проверяем сценарии после каждой, а не пакетом.

На типичном сайте порядок такой: изображения, которые отдаются в исходном размере и в устаревшем формате; сторонние скрипты — счётчики, чаты, виджеты; шрифты, загружаемые до отрисовки текста; отсутствие кеша на сервере; тяжёлые запросы к базе на главных страницах. Это не универсальный список, а частота, с которой мы это встречаем. Что именно тормозит ваш сайт, показывает замер, и порядок работ мы строим по нему.

Достаточно, чтобы быть главной причиной медленной загрузки на сайтах, где с кодом всё в порядке. Каждый такой скрипт тянет соединение к чужому серверу, и вы не управляете его скоростью. Мы измеряем вклад каждого, отключая по одному, показываем таблицу, а дальше это ваше решение: убрать дубли, перенести часть в отложенную загрузку, отказаться от того, чем никто не пользуется. Часто выясняется, что два счётчика собирают одно и то же.

Потому что это другая машина и другая связь. Телефон слабее по процессору, а мобильная сеть добавляет задержку на каждое соединение — и именно поэтому число сторонних скриптов бьёт по мобильным сильнее всего. Плюс на мобильном экране раньше начинается отрисовка, и любой сдвиг вёрстки заметнее. Мы всегда меряем отдельно и оптимизируем по мобильным данным: у большинства сайтов оттуда приходит основная часть аудитории.

Иногда да, и мы говорим об этом заранее, а не ставим перед фактом. Дорого обходятся видео на фоне первого экрана, тяжёлые слайдеры с большими изображениями, анимации, запускающиеся до полной загрузки, и множество разных начертаний шрифтов. Почти всегда есть компромисс: то же впечатление меньшими средствами. Решение остаётся за вами — мы показываем цену каждого элемента в миллисекундах, чтобы выбор был предметным.

По тому, где уходит время. Если сервер долго не отдаёт первый байт ответа, проблема до браузера: медленный хостинг, тяжёлые запросы к базе, отсутствие кеша. Если ответ приходит быстро, а страница долго собирается, дело в том, что грузится и выполняется в браузере. Эти два случая лечатся разными работами и стоят по-разному, поэтому мы разделяем их до начала, а не покупаем более дорогой тариф на всякий случай.

Она растёт незаметно. Накапливаются ревизии записей, журналы плагинов, таблицы сессий и статистики, мусор от давно удалённых расширений. Отдельная частая беда — данные, которые загружаются на каждой странице, даже когда они не нужны. Плюс отсутствие индексов под реальные выборки. Мы чистим это с копией и по шагам: сначала замер, что именно тяжёлое, потом удаление с возможностью вернуть, потом повторный замер.

Ровно до следующего изменения. Новый баннер, новый виджет, лишний плагин — и часть выигрыша уходит обратно, причём постепенно и незаметно. Поэтому в сопровождении мы повторяем замер регулярно и сравниваем с зафиксированным результатом, а не с ощущением. Если показатели поехали, видно, после какого изменения это началось. Разовая оптимизация без последующего контроля — это ремонт, который держится несколько месяцев.

Скорость входит в оценку страниц поисковыми системами и напрямую влияет на то, сколько людей дожидаются загрузки. Для платного трафика это особенно чувствительно: за каждого посетителя уже заплачено, и потеря на загрузке — это потеря денег, а не только позиции. Мы не обещаем конкретный прирост продаж от миллисекунд — обещаем измеримое улучшение показателей и понятную связь с поведением, которую видно в вашей же аналитике.

Отчёт, в котором видно исходные значения, список изменений и повторный замер теми же приборами и на тех же страницах. Отдельным разделом — что мы сознательно не трогали и почему: обычно это элементы, за которые отвечает бизнес, или сторонние сервисы, которые нельзя убрать без вашего решения. Такой отчёт можно перепроверить самостоятельно, и это важнее красивой цифры: он не требует верить нам на слово.