Медленный сайт теряет посетителей ещё до того, как они увидят предложение, а поисковые системы учитывают скорость загрузки. Хорошая новость в том, что большинство проблем со скоростью на 1С-Битрикс решаются без переписывания проекта. Начните с замера в Google PageSpeed Insights или Lighthouse, отдельно для компьютера и телефона, а затем идите по списку.
Картинки
- Переведите изображения в WebP. При том же визуальном качестве файлы обычно заметно легче JPEG и PNG.
- Отдавайте картинки нужного размера. Огромная фотография в маленькой карточке товара — частая причина медленной загрузки.
- Включите отложенную загрузку (lazy loading) для всего, что находится ниже первого экрана.
- Указывайте ширину и высоту изображений, чтобы страница не «прыгала» во время загрузки.
Кэш
- Убедитесь, что кэширование компонентов включено и что его не отключили «на время отладки» и не забыли.
- Рассмотрите композитный режим Битрикса: страница отдаётся из кэша сразу, а персональные блоки вроде корзины и имени пользователя подгружаются отдельно.
- Настройте кэширование статики в браузере и сжатие ответов на стороне веб-сервера.
Скрипты и стили
- Проведите ревизию подключённого: старые счётчики, виджеты, которыми давно не пользуются, несколько копий одной и той же библиотеки.
- Сторонние скрипты подключайте с атрибутами async или defer, чтобы они не мешали отрисовке страницы.
- Используйте встроенное в Битрикс объединение и сжатие CSS и JS.
- Со шрифтами оставьте только нужные начертания и подключите их так, чтобы текст был виден до загрузки шрифта.
Сервер и база данных
Даже идеальная вёрстка не спасёт, если сервер отвечает медленно. Проверьте время ответа сервера, актуальность PHP и настройки базы данных. Встроенный монитор производительности Битрикса подскажет, какие страницы и запросы тормозят. Тяжёлые фоновые задачи (агенты) переведите на выполнение по расписанию через cron, чтобы они не запускались во время загрузки страниц у посетителей.
Сначала телефон
Мобильная оценка почти всегда ниже: у телефона слабее процессор и медленнее сеть. Оптимизируйте в первую очередь под телефон, и компьютерная версия подтянется сама. После каждого шага повторяйте замер: так видно, что действительно помогло, а что только усложнило проект.
Если нужна помощь с аудитом и ускорением сайта на Битриксе, напишите нам.