Ускоряем сайт на Битриксе: оборудование, окружение и ещё с десяток деталей

Как правильно настроить сайт на Битриксе, чтобы пользователям не приходилось долго ждать загрузки страниц? Мы пригласили тимлида диджитал-агентства Адикт Кирилла Кулагина рассказать о тонкостях настройки CMS.

Содержание

Битрикс — требовательная к производительности оборудования система. Иногда она требует специфических настроек сервера. Так что, лучше размещать сайт на выделенном сервере (VDS), а не виртуальном хостинге (shared hosting).

Минимальные требования к серверу такие:

Для крупных сайтов с большим количеством посетителей, например, больших интернет-магазинов, требования в большей степени зависят от потребностей конкретного проекта. Но в общем при выборе процессора рекомендую отдать предпочтение высокой частоте и меньшему количеству ядер, а для дисков взять NVMe.

По умолчанию в Битриксе включено много модулей, и большинство из них не используются. Например, «Конструктор отчётов», «Веб-аналитика», «Техподдержка», «A/B тестирование». Такие модули, во-первых, могут замедлять работу сайта — из-за них выполняется лишний код при инициализации ядра. Во-вторых они занимают лишнее место на диске. Отключить и удалить модули можно в админке, на странице Настройки -> Настройки продукта -> Модули.

Если вы используете Умный фильтр от Битрикса, обязательно создайте фасетные индексы. Они настраиваются на странице Контент->Инфоблоки->Фасетные индексы. Это значительно ускорит работу Умного фильтра.

Технология CDN (сеть доставки контента) позволяет ускорить отдачу статики на сайте — изображения, файлы скриптов и стилей. С CDN такой контент загружается с географически распределённых серверов. В результате, во-первых, уменьшаются сетевые задержки. Во-вторых снижается нагрузка на сам сервер сайта. Это позволяет обойти ограничение браузера на количество одновременных подключений к одному домену.

Имеет смысл использовать CDN, если у сайта много статического контента (например, большой каталог товаров) и много посетителей в разных странах или регионах. В Битриксе есть встроенный модуль CDN. Он включается на странице Настройки -> Облако 1С-Битрикс -> Ускорение сайта (CDN). Можно использовать и сторонние решения.

Модуль композитного сайта ускоряет загрузку страниц сайта за счёт кэширования на бэкенде html-кода этих страниц. В результате страница делится как бы на две части:

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

Включается и настраивается композитный сайт на странице: Настройки” -> Настройки продукта -> Композитный сайт -> Настройки. Как внедрять описано в обучающем курсе для разработчиков на Битриксе.

Битрикс позволяет подключать минифицированные версии файлов, объединять их и переносить подключение js-скриптов в конец страницы. Как обычно, здесь может быть несколько подводных камней:

Включаются эти оптимизации в настройках главного модуля, на странице Настройки -> Настройки продукта -> Настройки модулей -> Главный модуль, вкладка Настройки, секция Оптимизация CSS.

Многие компоненты Битрикса, как стандартные, так и загруженные из маркетплейса, могут подключать дополнительные файлы CSS и JS на страницу. Такие файлы чаще всего нужны для работы стандартных шаблонов компонента. Это могут быть JS-библиотеки наподобие JQuery, части стандартной JS-библиотеки Битрикса или CSS-файлы из фреймворка Bootstrap. При использовании пользовательских шаблонов компонентов подключение этих файлов не нужно. Оно может замедлять загрузку страницы или даже приводить к различным ошибкам со стороны фронтенда.

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

Нужно посмотреть какие файлы подключаются на каждой уникальной странице сайта и, если обнаружатся лишние, то нужно проверить все компоненты на этой странице.

Отсутствие кэширования запросов к БД – частая проблема, из-за которой может замедлять сайт. Выяснить, есть ли на сайте некэшируемые запросы, можно двумя способами:

Если после такой проверки на сайте найдены некэшируемые компоненты, то прежде всего надо проверить что кэширование вообще включено в настройках сайта. Это делается на странице: Настройки -> Настройки продукта -> Автокеширование. Кеширование компонентов и управляемый кеш должны быть включены.

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

Если настроек кэширования в компоненте нет или большое количество запросов показывается для участка кода вне компонента, то это уже требует доработки исходного кода — добавления в него поддержки кэширования.

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

Во время разработки фронтенда сайта должны быть сделаны следующие оптимизации:

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

У агентов есть два варианта запуска:

С точки зрения быстродействия сайта второй вариант является наиболее предпочтительным. Это связано с тем, что запуск агентов во время генерации страницы сайта для пользователя приведёт к значительному замедлению скорости загрузки вплоть до отваливания скрипта по таймауту.

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