Сергей Рыжиков (1С-Битрикс)
TRANSCRIPT
![Page 1: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/1.jpg)
Композитный сайт - технология ускорения загрузки страниц в x100 раз
Сергей Рыжиков1С-Битрикс
![Page 2: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/2.jpg)
История производительности платформы
2005 2007 2008 2009 2010
Автокеширование. Появление инструментов отладки SQL-запросов, первое нагрузочное тестирование с QSOFT
развернуто 4 конфигурации Oracle RAC с 4 серверами
рост производительности – на 430%! Новые нагрузочные тесты: 8.5 млн. хитов – «Бизнес», 12.4 млн. – «Старт», 85 млн. – «HTML кеш»
производительность стала существенной задачей для разработки
«монитор производительности» во
всех редакциях
продукта
выпущены «1С-Битрикс: Виртуальная машина» и «1С-Битрикс: Веб-окружение»
Компоненты 2.0.Быстро настраиваемый внешний вид представления информации без изменения программной логики компонента
![Page 3: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/3.jpg)
История производительности платформы
2011 2013
сертификация хостинг-провайдеров
ускорение сайтов – CDN Ускоряет загрузку сайта от 30% до 200%
![Page 4: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/4.jpg)
Людям важно, чтобы страница мгновенно отображалась в браузере
![Page 5: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/5.jpg)
Динамика отображения страниц
![Page 6: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/6.jpg)
HTML
JS
CSS
Графика
Динамика загрузки страниц
![Page 7: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/7.jpg)
HTML
JS
CSS
Графика
JS
CSS
Графика
От скорости поступления HTMLкаскадно зависят все остальные показатели
Ускорение сайтов (CDN)
CDN
![Page 8: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/8.jpg)
Как ускорить загрузку сайта?
![Page 9: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/9.jpg)
Пути решений
Сжать изображения, css, javascript - оптимизировать содержимое страницы.
Отключить загрузку изображений без показа.
Отдавать HTML без задержек.
![Page 10: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/10.jpg)
Обновляется раз в 2 месяца
Обновляется раз в 5
месяцев
![Page 11: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/11.jpg)
Обновляется крайне редко
Обновляется раз в неделю,
зависит от города
![Page 12: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/12.jpg)
Обновляется раз в неделю
Обновляется раз в 5 дней
![Page 13: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/13.jpg)
Композитный сайтНовая технология работы сайта
![Page 14: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/14.jpg)
Композитный материал, композит (англ. Composite)
Технология, при которой от объединения 2 материалов, обладающих разными характеристиками, получается третий, обладающий совершенно новыми характеристиками.
Композитные материалы используются в современных высокотехнологичных производствах.
wikipedia.org
Композитный
![Page 15: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/15.jpg)
Композитный сайт – уникальная технология, которая объединяет:
Преимущества статического сайта
И все возможности динамического сайта
![Page 16: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/16.jpg)
• Статический сайт – это готовая HTML страница без программного кода. Очень быстро отдается веб сервером и без задержек загружается у пользователя
• В современном сайтостроении используется редко
• Неприменимо в интернет-торговле
Что такое статический сайт
HTML
![Page 17: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/17.jpg)
• Загружается медленнее статического сайта, потому что исполняет программный код
• Используется для интернет-магазинов и большинства современных сайтов
• Все сайты на платформе «1С-Битрикс» – динамические
Что такое динамический сайтHTML
PHP
MySQL
![Page 18: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/18.jpg)
![Page 19: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/19.jpg)
Отклик сайта в 100 раз быстрее
Лучшее ранжирование сайтов в Яндекс и
Повышение конверсии
интернет-магазина
![Page 20: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/20.jpg)
Независимые тесты композитного сайта на скорость
![Page 21: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/21.jpg)
Главная страница
![Page 22: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/22.jpg)
Ускорение x224
0,0023170,0022470,0022440,0022430,0022370,0022590,0022610,0022620,0022280,002258
0,5023580,5033050,5016520,5013840,4983110,5076430,5094010,5074440,5083880,513112
До После
![Page 23: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/23.jpg)
Каталог товаров
![Page 24: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/24.jpg)
Ускорение x73
0,1650090,1668940,1627350,1662670,1624090,1662450,1639940,165593
0,164370,164391
0,0022730,0026450,0022010,0022140,0022310,0022020,0021790,0022120,0022010,002215
До После
![Page 25: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/25.jpg)
Карточка товара
![Page 26: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/26.jpg)
Ускорение x94
0,1804130,1815570,1780990,178338
0,176190,179446
0,1775380,1804940,1774180,175626
0,0019560,0018690,0019020,0018590,0018710,0019080,0019070,0018940,0019770,001896
До После
![Page 27: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/27.jpg)
Как сделать сайт композитным
![Page 28: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/28.jpg)
Композитный сайт: обзор
До включения и после
![Page 29: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/29.jpg)
Найдите 10 отличий
Композитный сайт: обзор
![Page 30: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/30.jpg)
Отличий быть не должно
Композитный сайт: обзор
![Page 31: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/31.jpg)
До включения композита
![Page 32: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/32.jpg)
После включения композита
![Page 33: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/33.jpg)
Что происходит
![Page 34: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/34.jpg)
Как это работает: начало
• Сайт логически разделяется на:• статическую• и диначическую• части.
• Динамические части не могуть быть вложенными.
• Отличаются для разных пользователей.
• Часто изменяются (живут секунды или минуты).
• Статическая часть сохраняется на диск и отдаётся сразу и целиком.
• Динамическая часть выполняет страницу, вырезает области и возвращает json.
![Page 35: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/35.jpg)
Включение и настройка
![Page 36: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/36.jpg)
);}
Включение и настройка
![Page 37: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/37.jpg)
Включение и настройка
![Page 38: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/38.jpg)
Условия включения
• Включена настройка в админке.• Только GET запросы.• Не начинается с /bitrix• Нет куки _NCC• В запросе нет сохранённой авторизации.• Не входит ни в одну из масок исключения.• Входит хотя бы в одну маску включения.• Проверка параметров.• В REQUEST_URI нет «..»
![Page 39: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/39.jpg)
• Компоненты и шаблоны подключенные на странице голосуют за композитный режим.
• Если хоть один из них проголосовал против, то для страницы композит включен не будет.
• В этом случае в журнал отладки AddMessage2Log делается запись.
• Мы пока не определились включать по умолчанию или нет. Скорее всего включим.
Голосование
![Page 40: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/40.jpg)
• Обеспечивает максимально быстрое отображение сайта
• Сочетает в себе скорость загрузки статического (HTML) сайта и возможности динамического сайта
• Обеспечивает большее масштабирование
• Значительно улучшает отклик сайта для поисковых систем, улучшает SEO
• Возможность создания динамических блоков в закешированной странице
Композитный сайт
HTML
JavaScript
CSSГрафикаДинамические данные
![Page 41: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/41.jpg)
Почему скорость сайтов важна?
![Page 42: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/42.jpg)
• Вовлеченность пользователей
• Увеличение конверсии=увеличение дохода
• Позиция в результатах поиска выше, чем у конкурентов
Почему скорость загрузки важна для интернет-магазинов
В моменты, когда сайт тормозит из-за большого количества трафика, более 75% онлайн-покупателей предпочитают уйти на сайт конкурента
Источники: akamai.com, gomez.com, econsultancy.com
![Page 43: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/43.jpg)
2 секунды примерно столько будет ждать терпеливый пользователь до тех пор, пока на экране появится информация
Источники: akamai.com, gomez.com, econsultancy.com
В результате задержки в 1 секунду уменьшается:
• количество просмотров на 11%• процент удовлетворенности аудитории на
16% • коэффициент конверсии на 7%
8% людей считают, что главной причиной их ухода с сайта является медленная загрузка страниц.
![Page 44: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/44.jpg)
Любой сайт на платформе «1С-Битрикс» может быть разработан
по композитной технологии!
![Page 45: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/45.jpg)
Если сайт работает в композитном режиме, вы увидите кнопку «Быстро с
1С-Битрикс»
![Page 46: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/46.jpg)
Мы запатентовали технологию «Композитный сайт»
![Page 47: Сергей Рыжиков (1С-Битрикс)](https://reader037.vdocuments.site/reader037/viewer/2022103114/5555aab1d8b42a52568b48cd/html5/thumbnails/47.jpg)
Спасибо за внимание! Вопросы?