Оптимизация скорости сайта в Тольятти
В этой статье
Каталог – самая тяжёлая часть любого сайта. На странице сотня карточек, у каждой картинка, цена, кнопка и обработчик, сверху фильтры и сортировка, снизу постраничная навигация. Всё это браузер должен скачать, разобрать и нарисовать раньше, чем посетитель успеет передумать.
Поэтому в интернет-магазине ускорение сайта даёт больший эффект, чем на визитке: секунда задержки умножается на количество страниц, просмотренных за визит. Веб-студия «РостСайт» работает с 2011 года, за плечами больше 150 проектов, смета фиксируется договором.
Каталог, фильтры и вес страницы
Сто карточек – это сто изображений. Если каждое приходит в исходном разрешении, страница весит десятки мегабайт, и никакой канал этого не спасёт: нужны уменьшенные версии под размер карточки и отложенная загрузка всего, что ниже видимой области. Фильтры добавляют вторую проблему – запросы к базе. Выборка по десятку параметров без индексов заставляет сервер перебирать весь каталог, и пока он перебирает, посетитель смотрит на крутящийся индикатор.
Разбор задержки: где уходят секунды
Загрузку полезно разложить на отрезки: ожидание ответа сервера, скачивание файлов, разбор и отрисовка. В первом отрезке виноват хостинг или движок, во втором – вес, в третьем – скрипты. Симптом один, а счета за ремонт три разных. Список запросов в инструментах разработчика показывает это наглядно: видно, какой файл держит отрисовку и сколько времени ушло на обращения к чужим доменам.
Три метрики скорости в отчёте поиска
LCP – появление крупнейшего элемента экрана, норма 2,5 секунды; в каталоге это обычно первая карточка или баннер. INP – отклик на нажатие, норма 200 миллисекунд; в 2024 году эта метрика заменила FID и стала главной болью магазинов с тяжёлыми фильтрами. CLS – сдвиг вёрстки, норма 0,1; в каталоге он появляется, когда цены или отметки «нет в наличии» подгружаются отдельным запросом и раздвигают карточки уже после отрисовки.
Изображения товаров
Фотографии приходят от поставщика в произвольном виде: разные пропорции, разный вес, иногда сканы. Обработка при загрузке обязательна – приведение к одному размеру, сжатие, отдельные версии для списка и для карточки товара. Ширину и высоту нужно задавать в разметке, иначе сетка перестраивается на глазах. Ускорение загрузки сайтов с большим каталогом почти всегда начинается с этой работы: она даёт самый заметный результат за самый короткий срок.
Скрипты аналитики и маркетинга
На магазине их больше, чем где-либо: счётчики, пиксели, коллтрекинг, чат, рекомендательные блоки, виджеты отзывов, купонные сервисы. Каждый обращается к своему домену и выполняется в том же потоке, что и интерфейс сайта. Ревизия обычно вскрывает дубли: две системы аналитики меряют одно и то же, старый пиксель остался от рекламной кампании двухлетней давности. Нужное грузим после отрисовки, ненужное убираем.
Серверная часть и кеш
Кеш страниц каталога снимает основную нагрузку: список товаров пересобирается только при изменении данных. Кеш браузера избавляет от повторной закачки стилей и логотипов при переходе между карточками, сжатие и современные протоколы сокращают накладные расходы на соединение. Отдельно смотрим обмен с учётной системой: выгрузка остатков, запущенная в рабочее время, кладёт сайт надёжнее любого наплыва посетителей.
Как проходит ускорение
Замер до, список работ с ожидаемым эффектом, согласование, правки, замер после. Нужны доступы к хостингу и панели управления, перед началом снимается резервная копия. Ускорение работы сайта входит в техническую поддержку от 10 000 рублей в месяц, разовый разбор считается отдельно.
Если магазин достался в наследство от прежнего подрядчика и правки в нём обходятся дороже переделки, честнее посчитать новый сайт – от 69 000 рублей. Позвоните по номеру +7 (8482) 94-20-25 или напишите на info@rostsayt.ru: посмотрим каталог и скажем, что даст прирост. Заказчики из Тольятти работают удалённо, примеры – в портфолио, расценки – в разделе цены.
