Bitrix не работает композит

Композитный режим Битрикс

Композитный режим — технология ускорения сайта, которая применяется на движке 1С Битрикс. Он позволяет отображать страницу пользователю за 0.1 — 0.5 секунды.

Преимущества композитного режима

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

Недостатки композитного режима

Неправильной настройкой композитного режима можно увеличить скорость отклика сайта и понизить позиции сайта в поисковой выдаче!

Обращайтесь к квалифицированным специалистам. Мы настроим композитный режим с гарантией правильной работы!

Хотя композитный режим в Битриксе есть уже не первый год, на мой взгляд, технология ещё «сыренькая» и требует доработок.

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

Композитный режим, примеры сайтов

http://www.vestnik-evropy.ru/
Информационный сайт. Обратите внимание на скорость отображения страницы при переходе с раздела на раздел

http://www.tochkarosi33.ru/
Современный дизайн, Маленький интернет магазин окон. А как быстро грузится?

https://sait-optimize.ru/
Мой сайт является композитным. Я специально оставил значок внизу страниц чтобы показать что технология включена и работает

Настройка композитного режима

В этой статье я опишу по шагам как настраивается композитный режим сайтов на движке «1с Битрикс». Почитав курсы далеко не сразу разберёшься как же настроить это чудо инженерной мысли, да и вообще что это за этакое чудо «композитный режим«.

Только настроив его первый раз, я сам убедился, что технология действительно очень крутая и полезная для всех, а для пользователей сайта в первую очередь!

Шаг 1. Включаем композитный режим в админке Битрикса

Заходим на наш сайт, авторизуемся под админом. Переходим в раздел Настройки > Настройки продукта > Композитный сайт . Нажимаем кнопочку «Включить композитный режим»

Шаг 2. Настраиваем лог композитного режима

Необходимо включить лог композитного режима и разрешить в него запись. Заходим на сервер и редактируем файл /bitrix/php_interface/dbconn.php. Добавляем туда две строчки (если их нет). В этих строчках определяются две константы php:

После этих действий нужно выбрать любую, желательно простенькую, страницу сайта на которой будет настраиваться композитный режим. Заходим на нашу страницу сайта. Открываем создавшийся файлик с логом /log_composite.txt и убеждаемся что туда что-то записалось. Какой-то текст в логе означает что мы на правильном пути.

Шаг 3. Выводим значок Битрикса на страницу

Нужно выбрать место на странице, куда будет выведен значок Битрикса. Как известно, шаблон страницы делится на header и footer. Для примера предлагаю вывести в footer. Открываем /bitrix/templates/название шаблона/footer.php и добавляем в то место куда нужно вывести значок вот такой див:

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

Настроить внешний вид значка Битрикса можно в том же разделе Настройки > Настройки продукта > Композитный сайт во вкладке «кнопка».

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

Причины могут быть разные.

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

Теория тезис 1. Общая схема работы композитного режима

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

Так происходит каждый раз при запросе любой страницы сайта.

Теория тезис 2. Понятия «статическая» и «динамическая» области в композитном режиме

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

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

Шаг 4. Настройка голосования компонентов

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

Если компонент голосует «за» — это означает, что выводимый компонентом текст каждый раз одинаковый и не меняется. Для голосования компонента в самом начале его шаблона нужно прописать следующую строчку:

Если же компонент голосует «против» — это значит что при каждой загрузке страницы возвращаемый компонентом текст разный. Для голосования компонентом «против» включения его в кэш, в самом начале его шаблона нужно прописать такую строчку:

Причём слово «Загрузка» будет отображено сразу на странице в том месте где должен отработать шаблон компонента. Как только сервер вычислит текст который должен быть на месте шаблона, он подставит этот текст вместо слова «Загрузка».

Кроме этих двух состояний шаблон компонента может использовать смешанный режим — статическая область с динамическими вставками. В таком случае сам шаблон по умолчанию считается статическим. Для определения динамической зоны нужно прописать код:

В некоторых случаях приходится объявлять динамические зоны вне компонентов. В этом случае используется следующий код:

Советы по отладке

Алгоритм действий по отладке композитного режима следующий:
1. выбираем нужную страницу
2. определяем все расположенные на ней компоненты
3. «голосуем» шаблонами компонентов «за» или «против» включения в статическую область
4. определяем возможные зоны в шаблоне сайта, которые могут быть включены в динамическую область
5. открываем страницу в браузере(при этом нужно быть не авторизованным пользователем на сайте), обновляем страницу пару раз
6. чистим лог композитного режима (открываем файл лога, удаляем от туда всё что есть, сохраняем, закрываем файл)
7. возвращаемся к браузеру, обновляем пару раз страницу
8. смотрим лог, находим ошибки, устраняем их, пункт 6, пункт 7, пункт 8 и т.д. до полного устранения ошибок

Если при работе композитного режима произошла ошибка, то значок Битрикса не будет показан и в лог запишется например следующее:

Означающий что указанный компонент не проголосовал «за» или «против» включения шаблона в статическую часть.
Или например вот такая информация:

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

Не работает композитный режим?

• Включите логирование композитного режима (в лог-файл должна писаться информация)
• Почистите кэш
• Пересохраните настройки композитного режима с разными параметрами
• Очистите куки браузера
• Проверьте нет ли GET параметра ncc равного 1
• Тот ли домен стоит в настройках композитного режима
• Обновите систему до последней версии

Услуги по настройке композитного режима

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

Источник

Bitrix не работает композит

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

Сама по себе скорость отображения зависит от множества факторов:

• Скорости работы самой CMS;
• Скорости каналов;
• Географического расположения серверов;
• Возможностей браузеров;
• Качества разработки сайта;
• и других.

Разработчики CMS могут повлиять только на работу своей системы. В Bitrix Framework есть своя технология ускорения открытия страницы: Композитный сайт.

Курс Технология Композитный сайт предназначен для разработчиков сайтов на платформе Bitrix Framework. Для его прохождения необходимо сдать тесты курса Разработчик Bitrix Framework.

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

На каждой странице курса авторизованный на сайте посетитель может дать комментарий к содержимому страницы. Комментарий — не форум, там не ведётся обсуждений или разъяснений. Это инструмент для сообщений нам об ошибках, неточностях. Для отправки комментария воспользуйтесь расположенной в правом нижнем углу окна браузера кнопкой:

У нас часто спрашивают, сколько нужно заплатить

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

Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.

Баллы опыта

В конце каждого урока есть кнопка . При клике на неё в Вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:

уроке.

Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат — это если общее число набранных Вами баллов отличается от максимального на 1-2%.

Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
Android:
EPUB Reader
CoolReader
FBReader
Moon+ Reader
eBoox

iPhone:
FBReader
CoolReader
iBook
Bookmate

Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome

iOS
Marvin for iOS
ShortBook
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла — от 19.08.2020.

Источник

Композитный сайт: tips & tricks

В следующем обновлении композитного сайта: компонент, находящийся в динамической области, не участвует в голосовании.

2. Как отменить композитное кеширование в любом месте страницы (проголосовать «против») ?

3. Страницы с расширением *.html не обрабатываются. Что делать?
На странице настроек в поле «Маска включения» добавляем «*.html».

4. Как учитывать композитные страницы в Google Analytics?
Google Analytics и Яндекс.Метрика собирают данные клиентской загрузки на основе Navigation Timing . Эта статистика показывает реальное время, с которым пользователи открывают страницы вашего сайта. Здесь важно понимать, что композит влияет только на время ожидания ответа от сервера (Server Response Time). Он не влияет на время: а) DNS lookup б) TCP-соединения в) загрузки JS, CSS и картинок.

По глобальной JS-переменной window.frameRequestStart можно определить, что страница отдалась пользователю из композитного кеша.

Код для Google Analytics нужно располагать ниже кода, выполняющего фоновый композитный запрос.

5. В чем разница между $this->createFrame()->begin(); и $this->createFrame()->begin(«»); ?
Есть несколько способов выделить в шаблоне компонента динамическую область.
Самый популярный вариант выглядит так:

Этот способ позволяет избежать дублирования и повторного выполнения код.
С версии main 14.5.2 контент заглушки стал учитываться при подсчете хеш-суммы кеша.

6. Какие еще особенности у begin и beginStub?
Важно понимать, что код между вызовами begin — beginStub и beginStub — end выполняется всегда. И на первом хите к странице (на котором создается кеш) и на аякс-хите. Эти методы занимаются буферизацией контента и не являются аналогами конструкции if-else.

7. В теге есть блок php, который проверяет специальный Cookie, и если он установлен, добавляет блок

8. Что является причиной перезаписи кеша?
Причин много. Вот самые популярные:
— Случайные ID в HTML и Javascript. Метод randString поможет решить эту проблему.
— Вывод данных из сессии (id, login).
— Контент страницы зависит от User Agent.
— Разный контент для анонимного и для авторизованного пользователя.
— Добавление на страницу CSS- и JS-файлов в зависимости от пользователя.

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

10. Счетчик товаров в корзине пользователя находится в динамической области. Некрасиво прыгает цифра: сначала ноль, потом один.
Давайте подобно посмотрим, из-за чего это происходит.
— В файл кеша записывается заглушка «0 товаров в корзине».
— Страница из кеша отдается пользователю и показывается.
— Даже если аяксовый хит с нужными данными приходит раньше, чем отрендерилась страница, все равно пользователь на мгновение видит заглушку.
— Это происходит из-за того, что все вставки в innerHTML (в том числе из sqlite) происходят на событии DOMContentLoaded.
— Хотя в большинстве случае виноват даже не DOMContentLoaded, а долгое выполнение аяксового запроса.

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

Как вставить до рендеринга?

а) document.write — это конструкция останавливает рендеринг страницы, для того, чтобы на лету вставить в DOM новый HTML. Разработчики браузеров не рекомендуют ее использовать, но она работает.

б) Разместить Javascript в странице так, чтобы он располагался после HTML’я, к которому обращается.
Это старый забытый способ начала 2000-x годов, когда еще jQuery’ая $.ready() не замылила всем глаза.
$.ready() или битриксовая BX.ready — это выполнение кода на событии DOMContentLoaded. Это событие гарантирует, что DOM построен и к нему можно безопасно обращаться. Минус этого события в том, что на больших страницах интерфейс уже успевает пользователю показаться, отсюда и моргание.

Откуда взять актуальные данные?

Три варианта:
— Cookies
— SQLite
— LocalStorage

Самый приемлемый вариант — это localStorage. Это key-value хранилище, которое поддерживается всеми браузерами, даже IE8.
Данные localStorage доступны мгновенно сразу во всех вкладках. Т.е. если у пользователя открыто 10 вкладок магазина и он в одной из них жмет «Добавить в корзину», то через событие localStorage’а можно мгновенно поменять во всех вкладках счетчик корзины.

Для localStorage в Битриксе есть своя обвязка под названием BX.localStorage. Она позволяет указывать время хранения данных.

Основные методы:
BX.localStorage.set(key, value, ttl)
BX.localStorage.get(key)
BX.localStorage.remove(key)

События:
BX.addCustomEvent(«onLocalStorageSet», function(data) < console.log(data.key, data.value) >);
BX.addCustomEvent(«onLocalStorageRemove», function(data) <>);
BX.addCustomEvent(«onLocalStorageChange», function(data) <>);

В итоге: счетчик корзины и имя пользователя можно кешировать в localStorage и использовать эти данные для борьбы с морганием.

11. Если еще какие-нибудь способы борьбы с морганием?
Все зависит от дизайна сайта и от контента динамических областей.
Старайтесь делать верстку так, чтобы вставка динамических областей не приводила к прыганию соседних элементов.
C помощью метода setAnimation(true) можно добавить эффект плавного появления контента.
Экспериментируйте с содержимым заглушек. Заглушка может быть пустой, а может повторять содержимое динамической области (см. пункт 5).

12. Динамическая область автоматически оборачивает свой контент в дополнительный div, который портит верстку сайта.
Композитному кешированию необходимы html-контейнеры для вставки в них содержимого динамических областей.
Можно использовать свои контейнеры:

Источник