Подпишитесь на еженедельные полезные статьи от агентства MWI:
Как ускорить сайт на Битрикс - гайд по оптимизации

Как ускорить сайт на Битрикс - гайд по оптимизации

Алексей Козлов

Если вы осуществляете продвижение бизнеса в интернете, то у компании наверняка есть сайт. И скорость загрузки его страниц является важнейшим фактором, который влияет не только на комфорт посетителей, но и на конверсию и, как следствие, на объёмы продаж. Кроме того, если данные ресурса загружаются очень медленно, то онлайн-платформа хуже ранжируется поисковыми системами Google и Яндекс.

Если интернет-площадка работает на CMS Битрикс, производительность можно увеличить. В данной статье расскажем, как ускорить сайт на системе управления контентом Bitrix, как сократить среднее время отклика. Дадим ответы на часто возникающие вопросы и предложим подробную инструкцию.

Ищем ошибки

Как ускорить сайт на Битрикс - гайд по оптимизации

Сначала нужно найти возможные причины, которые могут негативно влиять на производительность Битрикс и на скорость, с которой пользователи загружают веб-страницы:

  • Архитектура площадки, её настройка. Каталог с огромным количеством позицией и сложной структурой, навигация сайта без продуманной последовательности, многочисленные навигационные инструменты – всё это ухудшает юзабилити, часто провоцирует замедленную работу ресурса.
  • Лишние дополнительные стили, скрипты. Всё это зачастую не только не улучшает дизайн, но и «съедает» ресурсы, замедляет и тормозит сайт.
  • Игнорирование сжатия. Оно желательно, так как существенно сокращает объёмы загружаемых и передаваемых массивов данных. Для оптимизации работы выполняют подключение и настройку сети доставки контента CDN, кэширование в браузере, интеграцию языков CSS и JS, увеличение количества одновременных соединений с используемым сервером, а также активируют сжатие посредством соответствующего модуля, к примеру, GZIP либо Компрессия.
  • Сторонние плагины. Некоторые включены, но фактически не применяются. Их нужно отключить либо полностью удалить.
  • Тяжёлая, сложная графика. Если картинки слишком крупные и чрезмерно много весят, сайт из-за таких изображений неизбежно работает медленнее. Чтобы решить проблему, файлы сжимают до оптимального размера.
  • Объёмное дерево тегов. Из-за него навигация сайта сильно усложняется, процесс обработки запросов значительно замедляется, скорость загрузки страниц снижается. Чтобы оптимизировать теговое дерево, можно отдельные теги убрать или объединить с другими.
  • Некорректные настройки системы. Некоторые компоненты в разы снижают производительность. Также на ней негативно сказываются многочисленные агрегирующие выборки, неверно организованные информационные блоки, проблемная интеграция с внешними сервисами и системами, «самописные» элементы с увеличенным периодом загрузки.
  • Неподходящий хостинг. Он может не справляться с нагрузками, не соответствовать ресурсопотреблению сайта.
  • Неоптимизированное использование онлайн-платформы. Её администратор или занимающийся управлением контент-менеджер может применять необъединённые файлы JS и CSS, необычными способами подключать JS и CSS (из-за этого объединение становится невозможным), выполнять отдачу данных статистического типа с помощью сервера Apache (он тяжелее и применяется для динамических файлов) или совершать прочие ошибки.

Анализируем и проверяем скорость сайта

Как ускорить сайт на Битрикс - гайд по оптимизации

Как понять, снижена ли производительность Битрикс? Конечно, можно провести опрос среди посетителей сайта, но лучше воспользоваться специальным инструментом, который эффективно оценивает работу ресурса. И такое готовое решение предусмотрено стандартным функционалом 1С-Битрикс. Оно представляет собой встроенный комплексный монитор производительности, который позволяет оценивать рабочие параметры сайта по нескольким важным критериям, выявлять имеющиеся ошибки, а также формировать рекомендации по решению обнаруженных проблем.

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

Все данные демонстрируются на панели производительности системы в разных отдельных вкладках:

  • Битрикс. Это обнаружение любых ошибочных настроек, которые могут влиять на производительность CMS. Также инструмент тестирования даёт конкретные рекомендации по оптимизации.
  • Конфигурация. Выполняется проверка функционирования системы, времени отклика, характеристик скриптового языка PHP, количества выполняемых операций и направляемых запросов на чтение, запись или корректировки в базе данных за одну секунду.
  • Разработка. В данной вкладке выводится перечень страниц с самой высокой нагрузкой.
  • Масштабируемость. Это анализ функционирования многопоточных и веб-кластерных систем.

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

blockquote-icon

Совет! Можно воспользоваться и сторонним тестировочным сервисом, но встроенный инструмент учитывает специфику системы и «заточен» именно под Битрикс, так как создан разработчиками данной CMS.

Выбираем хостинг, настраиваем сервер

Некоторые сайты работают на стандартных недорогих виртуальных хостингах. Но у системы Битрикс производительность напрямую зависит от имеющихся ресурсов. Данная CMS требовательна и достаточно «прожорлива», поэтому для её нормальной работы лучше использовать виртуальный частный или выделенный сервер – VPS либо VDS. А для крупных и масштабных проектов типа интернет-магазинов с обширным каталогом товаров и значительным трафиком желательно выбрать и применять собственную аппаратную базу, которая позволит даже в часы максимальных нагрузок поддерживать стабильную работу.

В любом случае характеристики сервера должны соответствовать ожидаемому уровню нагрузки на сайт. Так, оптимальная конфигурация для небольших интернет-магазинов с не очень широким ассортиментом товаров, для недавно запущенных проектов и для корпоративных сайтов маленьких компаний – это процессор с одним или двумя ядрами, оперативная память объёмом 2 гигабайта и SSD-диск ёмкостью до 30 гигабайт.  Если же трафик большой, а сайт работает на Битрикс24, то оптимальным решением будут RAM на 4 Гб, 4-ядерный процессор и в среднем 80 гигабайт памяти диска SSD.

Когда хостинг выбран в соответствии с ресурсной требовательностью системы, можно выполнять тонкую настройку с оптимизацией сервера под Bitrix, которую желательно делать в конце мониторинга производительности. Следует установить требующиеся для бесперебойного и высокоскоростного функционирования программы и системы, например, PHP, Nginx, MySQL. Причём важно использовать последние, актуальные версии.

Правильно настраиваем кэширование

Как ускорить сайт на Битрикс - гайд по оптимизации

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

Чтобы снижать временную и ресурсную нагрузку, нужно настроить кэширование в Битрикс. Для этого соответствующей кнопкой активируйте автокэширование, найдя эту опцию в панели администратора.

Также важно выбрать и установить оптимальное время жизни, то есть хранения кэша (cache) и периодичность обновления данных на страницах. Чтобы рассчитать его, обращайте внимание на два момента:

  • Периодичность обновлений данных и посещаемость сайта. Это нужно учесть, чтобы не создавать кэш очень часто.
  • Специфика страниц и разделов. Так, если это статические, то есть постоянные блоки типа контактов или блога с информационными статьями и новостями, не подвергающимися корректировкам по несколько месяцев или лет, то время жизни можно сделать максимальным. Для каталога, обновляемого каждый день, следует указать период хранения, равный 24 часам, или другое время, соответствующее частоте выгрузки переменных данных, таких как цены. Если выбрать режим, установленный по умолчанию (3600 секунд), то загрузка контента посетителем будет осуществляться ежечасно, что просто не нужно в данном случае.

Также можно использовать полезный и рациональный механизм кэширования Memcached. Данный сервис помогает формировать кэш в оперативной памяти с помощью структурированной хеш-таблицы. Этот вариант быстрый, потому что операционная система открытые последние файлы будет отправлять в память. Механизм Memcached при переносе сайта на хостинг обычно в шаблоне используется автоматически. И всё же лучше проверить настройки dbconn.

Материал для руководителя по маркетингу

Александр Апраксин
Директор компании MWI

12 + лет работаем с руководителями по маркетингу

Мы работаем с руководителями по маркетингу и их помощниками более 12 лет и отлично понимаем, с какими проблемами и задачами вы сталкиваетесь.

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

Александр Апраксин
Директор компании MWI
Больше пользы
в Телеграме
137
способов привлечения клиентов
Пример маркетингового
плана на 3 месяца
KPI отдела маркетинга

Применяем специальное серверное окружение

Разработчики движка 1С-Битрикс рекомендуют использовать особое окружение на хостинге. Это BitrixVM, которая представляет собой виртуальную машину – комплексный, прошедший полное тестирование и грамотно настроенный сервер, оптимизированный под сайт на Битрикс. Такое окружение учитывает основные затрагивающие скорость загрузки и производительность показатели. Оптимизация работы веб-ресурса обеспечивается правильной интеграцией сервисов и подходящим набором ПО.

Если среда VPS-сервера конфигурируется самостоятельно, без окружения Битрикс, то можно использовать модуль Apache. Эта функция есть в настройках, и она в некоторых случаях может увеличивать производительность Битрикс. Но, например, при критических нагрузках может больше подойти другой режим. И его самостоятельный поиск не всегда оказывается удачным, иногда требуется помощь специалистов.

Минимизируем стили и скрипты

Как ускорить сайт на Битрикс - гайд по оптимизации

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

Для оптимизации следует открыть главный модуль и настроить его – проставить галочки напротив пунктов объединения файлов JS и CSS, подключения минифицированных версий таких файлов, создания сжатой копии для объединённых файлов, а также перемещения в конец страницы всего Javascript.

Подключать файлы стилей и скриптов нужно так, как мы написали ниже:
//Правильно
use Bitrix\\Main\\Page\\Asset;
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/js/main.js");
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/css/style.css");

Если подключение будет статическим, то оптимизация сайта на системе Битрикс не удастся. Вот некорректный вариант:
<? //Неправильно ?>
<script src="/js/main.js"></script> <link href="/css/style.css" rel="stylesheet">

Сжимаем изображения

Как ускорить сайт на Битрикс - гайд по оптимизации

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

Сжимаем страницы

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

Техническая поддержка сайтов


Откладываем загрузку контента медиа

Важно понимать, что пользователям важно видеть сначала главный контент сайта, а уже потом изображения и прочие графические элементы. И чтобы оптимизировать просмотр содержимого ресурса, можно решить такую задачу с помощью стороннего плагина, например, LazyLoad Lite или LazyLoad Pro.

Как ускорить сайт на Битрикс - гайд по оптимизации

Как работают подобные плагины? При открытии страницы пользователь сначала видит текст и основные изображения, размещённые на главном экране. А все второстепенные, остальные картинки отображаются позже.

blockquote-icon

Важно знать! В стандартном функционале платформы Битрикс24 предусмотрена возможность настроек оптимизации сайта, в том числе отложенной загрузки изображений.

Оптимизируем базу данных

Как ускорить сайт на Битрикс - гайд по оптимизации

Оптимизация БД включает работу со следующими важными параметрами:

  • Тип таблиц. Для современных проектов в базе должен быть указан тип InnoDB. Он обеспечивает ускорение сайта на Битрикс за счёт лучшей сохранности информации.
  • Настройка buffer pool size. Это переменная, определяющая размер пула буферов. И она должна быть приблизительно равной общему объёму базы данных.
  • Фасетные индексы. Это механизм для оптимизации времени выдачи результатов запросов. Без фасетного индекса значительно усложняется поиск. Так, для автомобиля он выполняется сначала по марке, а затем по конкретной модели. А данный механизм формирует заранее возможные варианты и сразу выдаёт их. Чтобы создать индекс, нужно добавить характеристики товара в умный фильтр. Далее нужно в панели администрирования зайти в раздел Контент, выбрать там Инфоблоки, потом кликнуть на Фасетные индексы и начать их формирование.

Подключаем CDN

Как ускорить сайт на Битрикс - гайд по оптимизации

Система Bitrix поддерживает возможность применения технологии Content Delivery Network, сокращённо CDN. Ускорение сайта CDN обеспечивает за счёт загрузки стилей, изображений и скриптов с самого ближайшего сервера. И благодаря этому вся страница загружается быстрее.

Чтобы включить эту оптимизирующую опцию, нужно сначала открыть настройки, затем найти раздел Облако 1С-Битрикс, далее в нём выбрать пункт ускорения сайта с указанием в скобках аббревиатуры CDN.

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

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

blockquote-icon

Совет! Для отслеживания скорости загрузки можно воспользоваться сторонним сервисом Гугл – PageSpeed.

Обновляем версию PHP до последней

Как ускорить сайт на Битрикс - гайд по оптимизации

Если вы не используете новую, самую актуальную версию языка сценариев PHP, то непременно обновите её. Последние версии 7 серии работают гораздо быстрее, чем более старые.

Включаем композитный рабочий режим

Как ускорить сайт на Битрикс - гайд по оптимизации

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

Чтобы использовать композитную технологию, нужно в панели управления открыть раздел настроек, далее выбрать настройки продукта, потом нажать на область «Композитный сайт» и в настройках кликнуть на кнопку включения режима. Также следует задать период хранения кэша, равный суткам. Если выбрать 120 секунд, то производительность будет снижена.

Включение настроек Nginx для режима композита следует осуществить посредством утилиты командной строки:
/opt/webdir/bin/bx-sites -o json -a composite --enable --site=default
Default при необходимости следует заменить именем сайта.

Чтобы отключить технологию, в командной строке нужно написать:
/opt/webdir/bin/bx-sites -o json -a composite --disable --site=default

Отключаем ненужные модули

В Битрикс производительность может снижаться из-за включенных по умолчанию, но не используемых модулей, которые сайту просто не нужны. К таковым относятс интеграция с AD/LDAP, тестирование A/B, Веб-кластер, Wiki, Мобильную платформу, Почту, Управление масштабированием, Техническую поддержку, Документооборот, Менеджер идей, Дизайнер бизнес-процессов, Конструктор отчётов, Перевод, Веб-мессенджер, Сайты24, Универсальные списки и некоторые другие. Если это не используется, то отключив всё ненужное, можно увеличить скорость загрузки сайта.

Выявляем проблемные места в структуре сайта и базе данных, а также отслеживаем медленные запросы

Бывает так, что сайт работал хорошо, но вдруг стал тормозить. В таком случае следует проанализировать нагрузку. Её изучение может показать, что многие запросы направляются из сервиса MySQL. Но после мониторинга за предыдущий период нагрузка могла не повышаться до критических отметок.

Если владелец или администратор заметил некоторые изменения на сайте, то именно они могли стать причиной снижении производительности. Если информации о переменах нет, то специалисты используют отслеживающие утилиты и выясняют, какие из запросов являются медленными и перегружают ресурс. К таким инструментам отслеживания относятся pt-query-digest, mysqldumpslow, mytop.

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

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

Директор по маркетингу

Ускоряем сайт и получаем тройной эффект

Что даёт ускорение? Оно создаёт оптимальные условия для продвижения вашего бизнеса. Во-первых, если сайт буквально «летает», и страницы загружаются моментально, то посетители испытывают эффект «Вау!». Заходя на более медленные сайты по рекламным ссылкам или другими способами, люди начинают раздражаться и в итоге с большой вероятностью возвращаются на быструю и производительную онлайн-площадку. Впечатляющая скорость загрузки страниц – отличное конкурентное преимущество, сильная сторона.

Во-вторых, повышается лояльность клиентов. Пользователи думают, что компания постаралась сделать сайт удобным и быстрым. Это демонстрирует заботу, вызывает доверие, становится поводом заказывать больше услуг или товаров.

В-третьих, при отличной скорости загрузки страниц наблюдается повышение позиций площадки в поисковой выдаче Яндекс и Гугл. Сайт лучше ранжируется, интернет-пользователи видят его на первых строках, заходят на площадку. Это положительно влияет на посещаемость, от которой зависит конверсия.

Делаем выводы

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

Заказать техническую поддержку сайта
Заполните свои контактные данные, и мы вам перезвоним
Нажимая на кнопку «Отправить заявку», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Чек-лист
оптимизации
сайта
от MWI
Скачать