Композитный сайт Юрий Тушинский «Битрикс», технический директор. - презентация

1 Композитный сайт Юрий Тушинский «Битрикс», технический директор

2 Основная идея Максимально быстро отдать пользователю страницу из кеша Дополнительным ajax-запросом проверить валидность кеша и получить данные динамических областей. До После Ajax-запрос

3 Динамический контент Сайт логически делится на статические и динамические области. Статическая область сохраняется на диск и отдается сразу и целиком. Динамические области: отличаются для разных пользователей часто меняются (секунды или минуты) не могут быть вложенными Контент динамических областей возвращается в ajax-запросе. Список новостей – это не динамическая часть!

4 Как работает

5 Включение и настройки Хранение кеша Файлы (папка /bitrix/html_pages/) Memcached Отдача кеша PHP (по умолчанию) Nginx (требуется дополнительная настройка)

6 Включение и настройки

7 Условие включения режима Только GET-запросы Это не HTTPS Это не IE6-9 (main ) Запрос не начинается с /bitrix Это не ajax-запрос, сделанный с помощью BX.ajax Нет cookie _NCC Запрос не входит ни в одну из масок исключения Запрос входит хотя бы в одну маску включения Проверка параметров в query_string согласно настройкам

8 Голосование «за» и «против» Компоненты и шаблоны, подключенные на странице, голосуют за композитный режим По умолчанию компоненты голосуют «за», а шаблоны – «против» Если хоть один из них проголосовал против, то для страницы режим включен не будет В этом случае в журнал отладки AddMessage2Log делается запись (если включена константа BX_COMPOSITE_DEBUG)

9 Отладка dbconn.php: define("BX_COMPOSITE_DEBUG", true); define("LOG_FILENAME", $_SERVER["DOCUMENT_ROOT"]."/log.txt"); В папке кеша /bitrix/html_pages/ / файлы перед перезаписью копируются в *.delete. Вызывается функция AddMessage2Log когда компонент или шаблон голосуют против когда создается файл *.delete когда превышена дисковая квота

10 Отладка

11 Шаблон до интеграции

12 Шаблон голосует «за»

13 Выделение динамической области

14 ->begin('') – пустая строка означает пустую заглушку ->begin('Загрузка…') ->begin() – контент динамической области является заглушкой (запишется в кеш).

15 Свой контейнер и инициализация JS

begin(); //динамический контент $frame->beginStub" title="Динамический контент вне компонента Динамическая область может находится и вне контекста компонентов (шаблон сайта, php-страницы) $frame = new \Bitrix\Main\Page\FrameHelper("my_dynamic_area"); $frame->begin(); //динамический контент $frame->beginStub" class="link_thumb"> 16 Динамический контент вне компонента Динамическая область может находится и вне контекста компонентов (шаблон сайта, php-страницы) $frame = new \Bitrix\Main\Page\FrameHelper("my_dynamic_area"); $frame->begin(); //динамический контент $frame->beginStub(); //заглушка $frame->end(); \Bitrix\Main\Page\Frame::getInstance()->startDynamicWithID("area"); // некоторый динамический контент вне компонента \Bitrix\Main\Page\Frame::getInstance()->finishDynamicWithID("area", stub"); Способ с буферизацией. Удобнее, но нельзя использовать отложенные функции. begin(); //динамический контент $frame->beginStub"> begin(); //динамический контент $frame->beginStub(); //заглушка $frame->end(); \Bitrix\Main\Page\Frame::getInstance()->startDynamicWithID("area"); // некоторый динамический контент вне компонента \Bitrix\Main\Page\Frame::getInstance()->finishDynamicWithID("area", stub"); Способ с буферизацией. Удобнее, но нельзя использовать отложенные функции."> begin(); //динамический контент $frame->beginStub" title="Динамический контент вне компонента Динамическая область может находится и вне контекста компонентов (шаблон сайта, php-страницы) $frame = new \Bitrix\Main\Page\FrameHelper("my_dynamic_area"); $frame->begin(); //динамический контент $frame->beginStub">

17 Алгоритм интеграции Проверить отсутствие в логах голосов «против» Обновить страницу и проверить отсутствие лога с информацией об удалении файла из кеша Если такие файлы есть, то сравнить их и устранить причину различий

18 Что приводит к перезаписи кеша Случайные строки (ID сессии, id для JS-объектов и др.) Метод компонента randString() обеспечивает стабильную генерацию псевдо-случайных величин Сколько раз его ни вызывай в шаблоне – это не повлияет на другие компоненты/шаблоны Для разных пользователей выводится разный контент Если на странице подставляется REQUEST_URI (в form[action], back_url и. т. п.), т.к. site.ru/folder/ и site.ru/folder/index.php – это один файл кеша. Если контент меняется на каждом хите (баннеры, текущее время)

19 Работа с локальной БД браузера

20 Осторожно используем BX.message В закешированной странице нет следующих JS-данных: BX.message("USER_ID") BX.message("bitrix_sessid") или BX.bitrix_sessid() BX.message("SERVER_TIME") BX.message("SERVER_TZ_OFFSET") BX.message("USER_TZ_OFFSET") BX.message(USER_TZ_AUTO") Приходят с ajax-запросом и кэшируются в localStorage Если происходит обращение к этим данным и их нет в localStorage, происходит блокирующий ajax-запрос

21 304-ответ Для статического кеша отдается HTTP-заголовок Last-Modified Браузер делает Conditional Get-запрос с заголовком If-Modified-Since Для связки NGINX+Memcached заголовок будет 200

22 Считаем миллисекунды Композитный режим влияет только на время ожидания ответа от сервера (Server Response Time) Не влияет на время: DNS lookup, TCP соединения Загрузки JS, CSS и картинок Учет композитных страниц в Google Analytics Google Analytics и Яндекс.Метрика собирают данные клиентской загрузки на основе Navigation TimingNavigation Timing

23 Где лежит кеш и как его удалять Настройки продукта -> Автокеширование Вкладка Очистка файлов кеша php -f /path/to/site/bitrix/modules/main/tools/cron_html_pa ges.php 10 Удалит все файлы, которые были созданы раньше, чем 10 часов назад Если изменился шаблон сайта, имеет смысл удалить весь кеш.

24 Планы развития Удобный инструмент для отладки Уход от констант и текстовых логов Логирование причин, из-за которых не сработал композитный режим Визуальное сравнение версий страниц Упрощение настройки nginx Автоконфигуратор правил на основе настроек в админке Персонализированный кеш

25 Где почитать? Учебный курс: Документация на сайте: Посты в блоге Антона Герасимюка:

26 Спасибо за внимание! Вопросы?