Ускорение загрузки сайта: замеры, причины, исправление

Прозрачные этапы с согласованием на каждом шагу

Общий срок:5–20 дней

1. 1

   Замеры и разбор причин

   2–3 рабочих дня

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

2. 2

   Серверная часть

   1–2 рабочих дня

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

3. 3

   Изображение

   1–3 рабочих дня

   Отложенная загрузка повсюду, кроме первого экрана, современные форматы, размеры под реальные контейнеры. Отдельно проверяем, не стало ли хуже визуально: сжатие фото имеет предел, по которому это заметно покупателю.

4. 4

   Ревизия посторонних скриптов

   1–2 рабочих дня

   Список груза на странице с объяснением, сколько времени стоит каждый пункт. Решение «оставляем или убираем» ваше – мы показываем цену каждого в миллисекундах и проверяем, что после отключения ничего не сломалось.

5. 5

   Самый трудный шаблон и база

   2–8 рабочих дней

   Страница категории с полным списком, дубли запросы, индексы. Самый длинный и наименее предполагаемый этап — именно он растягивает верхний предел срока, поэтому в смете стоит отдельная строка.

6. 6

   Повторные замеры и документ

   1 рабочий день

   Те же методы, те же страницы, то же количество попыток. Сравнение «до и после» по каждому пункту и краткая инструкция, как не потерять результат через полгода.

Полный перечень работ и того, что вы получаете на выходе

• Замеры к работам на трех типах страниц — медиана из пяти-семи попыток, а не один случайный прогон: иначе через неделю не с чем сравнивать
• Сжатие на сервере, brotli или gzip: в измеренном магазине полива 143,6 КБ разметки идут по сети как 22,5 КБ, и это настройка, а не переписка кода
• Ревизия кэша страниц: заглавие no-store на главной означает, что она собирается заново для каждого посетителя – именно это мы нашли в измеренном магазине белья
• Изображение: отложенная загрузка, современные форматы, размеры под реальные контейнеры – чтобы браузер не тянул к первому экрану то, чего человек еще не видит
• Ревизия посторонних скриптов с вашим решением по каждому: что убрать, что отложить, что грузить по событию
• Оптимизация шаблона самой тяжелой страницы обычно это категория с полным списком товаров
• Уборка дублей запросов к базе и просмотр индексов, когда время сидит именно в базе, а не в отдаче
• HTTP/2 и проверка цепочки переходов на входе: лишний редирект сидит внутри первого ответа и выглядит как медленный сервер
• Повторные замеры теми же методами и документ со сравнением «до и после» по каждому пункту
• Правило для вашей команды дальше: добавили новый скрипт — перемерьте; при необходимости ставим мониторинг времени ответа
• Гарантия 30 календарных дней на выполненные работы

Ситуации, в которых эта услуга даёт результат

Бесплатный замер скорости с разбором причин

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

Что мы измеряем

• Первый ответ сервера на трех типах страницГлавная, категория или раздел, карта. Медиана из нескольких замеров, а не один случайный. В нашей выборке разброс был от 126,3 мс до 1 544,6 мс – и самой медленной часто оказывается именно главная.
• Вес HTML и что его создаетМеряем документ до и после сжатия. Измеренный магазин полива отдавал 143,6 КБ HTML и 22,5 КБ в Brotli; другой проект выборки — 751,2 КБ на главной, в четыре раза больше медианы.
• ИзображениеСколько их, сколько с отложенной загрузкой, сколько в современных форматах. На одном измеренном сайте из 118 изображений ни одно не имело отложенной загрузки и ни одно не было у WebP; на другом 66 из 69 грузились отложено.
• Посторонние скриптыСчетчики, чаты, виджеты, ремаркетинг. Часто половина времени до интерактивности – это то, что добавляли годами и забыли убрать.
• Кэширование и сжатие на сервереЗаголовки кэша, gzip или brotli, версия протокола. Измеренный нами сайт отдавал главную из no-store - то есть без кэша страницы вообще, и каждый посетитель собирал ее заново.
• Самая тяжелая страница каталогаКатегория с полным списком – именно там обычно скрывается проблема. На измеренном магазине страница категории со 100 товарами весила 554 КБ против 143,6 КБ на главной.

Почему две одинаковые на вид задачи считаются по-разному

• Что именно найдем на замереВыключить три модуля и сжать изображение – это дни. Переписать шаблон категории, тянущий 554 КБ, – это недели. Поэтому вилки к замеру мы не называем: она совпала бы с реальностью случайно.
• Уровень доступа к серверуЕсть доступ с правом менять конфигурацию – сжатие, заголовки кэша и протокол закрываются за час работы. Нет — действуем через хостера и упираемся в то, что позволяет тариф.
• Сколько посторонних скриптов и кто за них отвечаетУбрать счетчик – минута. Согласовать с маркетологом, подрядчиком рекламы и владельцем, которые остаются пять из двенадцати, — отдельная неделя календаря, и она тоже в сроке.
• Состояние шаблонаТему, которую годами правили дописыванием в конец файла, приходится сначала разбирать. Чистая сборка с отдельными файлами под каждый тип страницы дает тот же результат быстрее.
• Количество типов страниц и языковых версийКаждый уникальный шаблон и каждая языковая ветвь – это отдельные замеры до и после и отдельная проверка. Магазин на трех языках требует втрое больше замеров, чем одностраничный сайт.
• Тормозит ли базаКогда время сидит в запросах, добавляется работа с индексами и планом запроса. Это наименее предполагаемая часть, поэтому в смете она идет по отдельной строке, а не внутри «оптимизации».

Без этого не начнём — лучше подготовить заранее

1. 1Доступ к сайту и хостингу с правом изменять конфигурацию сервера – без него часть работ просто недоступна.
2. 2Доступ к админке платформы: часть причин скрывается в модулях, а не в коде.
3. 3Список страниц, которые для вас критичны: главная, категория, карточка, корзина.
4. 4Доступ к аналитике и Search Console, если они подключены.
5. 5Ответ, какие посторонние скрипты и виджеты должны остаться, а по которым можно решать нам.
6. 6Одного человека с вашей стороны, с которым можно за день согласовать отключение лишнего.

Если чего-то из этого нет — скажите, подскажем, как собрать или сделаем сами отдельной задачей.

Что обычно берут вместе с этой задачей

• Редизайн сайта без потери трафика — сроки и условия
• Корпоративный сайт компании — сроки и условия
• Лендинг под одну услугу или продукт — сроки и условия
• Разработка многоязычного сайта — подробнее
• Магазин на 10 000+ товаров