1. Композитный сайт -
технология ускорения
загрузки страниц в x100 раз
Сергей Рыжиков
1С-Битрикс

2. История производительности платформы
2005 2007 2008 2009 2010
Автокеширование.
Появление
инструментов
отладки SQL-
запросов, первое
нагрузочное
тестирование с
QSOFT
развернуто 4
конфигурации
Oracle RAC с 4
серверами
рост
производитель
ности – на
430%! Новые
нагрузочные
тесты: 8.5 млн.
хитов –
«Бизнес», 12.4
млн. – «Старт»,
85 млн. –
«HTML кеш»
производительно
сть стала
существенной
задачей для
разработки
«монитор
производитель
ности» во всех
редакциях
продукта
выпущены «1С-Битрикс:
Виртуальная машина» и «1С-
Битрикс: Веб-окружение»
Компоненты 2.0.
Быстро настраиваемый
внешний вид
представления
информации без
изменения программной
логики компонента

3. История производительности платформы
2011 2013
сертификаци
я хостинг-
провайдеров
ускорение
сайтов – CDN
Ускоряет
загрузку
сайта от 30%
до 200%

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

5. Динамика отображения страниц

6. HTML
JS
CSS
Графика
Динамика загрузки страниц

7. HTML
От скорости поступления
HTML
каскадно зависят все
остальные показатели
Ускорение сайтов (CDN)
CDN

8. Как ускорить загрузку сайта?

9. Пути решений
Сжать изображения, css, javascript -
оптимизировать содержимое страницы.
Отключить загрузку изображений без
показа.
Отдавать HTML без задержек.

10. Обновляется
раз в 2
месяца
Обновляется
раз в 5
месяцев

11. Обновляется
крайне редко
Обновляется
раз в неделю,
зависит от
города

12. Обновляется
раз в неделю
Обновляется
раз в 5 дней

13. Композитный сайт
Новая технология работы сайта

14. Композитный материал, композит (англ. Composite)
Технология, при которой от объединения 2 материалов,
обладающих разными характеристиками, получается
третий, обладающий совершенно новыми
характеристиками.
Композитные материалы используются в современных
высокотехнологичных производствах.
wikipedia.org
Композитный

15. Композитный сайт – уникальная
технология, которая объединяет:
 Преимущества статического
сайта
 И все возможности
динамического сайта

16. • Статический сайт – это готовая HTML
страница без программного кода.
Очень быстро отдается веб
сервером и без задержек
загружается у пользователя
• В современном сайтостроении
используется редко
• Неприменимо в интернет-торговле
Что такое статический сайт
HTML

17. • Загружается медленнее
статического сайта, потому что
исполняет программный код
• Используется для интернет-
магазинов и большинства
современных сайтов
• Все сайты на платформе «1С-
Битрикс» – динамические
Что такое динамический сайт
HTML
PHP
MySQL

19. Отклик сайта в 100
раз быстрее
Лучшее ранжирование
сайтов в Яндекс и
Google
Повышение
конверсии
интернет-магазина

20. Независимые тесты
композитного сайта на скорость

21. Главная страница

22. Ускорение x224
0,002317
0,002247
0,002244
0,002243
0,002237
0,002259
0,002261
0,002262
0,002228
0,002258
0,502358
0,503305
0,501652
0,501384
0,498311
0,507643
0,509401
0,507444
0,508388
0,513112
До После

23. Каталог товаров

24. Ускорение x73
0,165009
0,166894
0,162735
0,166267
0,162409
0,166245
0,163994
0,165593
0,16437
0,164391
0,002273
0,002645
0,002201
0,002214
0,002231
0,002202
0,002179
0,002212
0,002201
0,002215
До После

25. Карточка товара

26. Ускорение x94
0,180413
0,181557
0,178099
0,178338
0,17619
0,179446
0,177538
0,180494
0,177418
0,175626
0,001956
0,001869
0,001902
0,001859
0,001871
0,001908
0,001907
0,001894
0,001977
0,001896
До После

27. Как сделать сайт
композитным

28. Композитный сайт: обзор
До включения и после

29. Найдите 10 отличий
Композитный сайт: обзор

30. Отличий быть не должно
Композитный сайт: обзор

31. До включения композита

32. После включения композита

33. Что происходит

34. Как это работает: начало
• Сайт логически разделяется на:
• статическую
• и диначическую
• части.
• Динамические части не могуть
быть вложенными.
• Отличаются для разных
пользователей.
• Часто изменяются (живут секунды
или минуты).
• Статическая часть сохраняется на
диск и отдаётся сразу и целиком.
• Динамическая часть выполняет
страницу, вырезает области и
возвращает json.

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

36. );}
Включение и настройка

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

38. Условия включения
• Включена настройка в админке.
• Только GET запросы.
• Не начинается с /bitrix
• Нет куки _NCC
• В запросе нет сохранённой авторизации.
• Не входит ни в одну из масок исключения.
• Входит хотя бы в одну маску включения.
• Проверка параметров.
• В REQUEST_URI нет «..»

39. • Компоненты и шаблоны подключенные на
странице голосуют за композитный режим.
• Если хоть один из них проголосовал против,
то для страницы композит включен не будет.
• В этом случае в журнал отладки
AddMessage2Log делается запись.
• Мы пока не определились включать по
умолчанию или нет. Скорее всего включим.
Голосование

40. • Обеспечивает максимально
быстрое отображение сайта
• Сочетает в себе скорость
загрузки статического (HTML)
сайта и возможности
динамического сайта
• Обеспечивает большее
масштабирование
• Значительно улучшает отклик
сайта для поисковых систем,
улучшает SEO
• Возможность создания
динамических блоков в
закешированной странице
Композитный сайт

41. Почему скорость сайтов
важна?

42. • Вовлеченность пользователей
• Увеличение
конверсии=увеличение
дохода
• Позиция в результатах поиска
выше, чем у конкурентов
Почему скорость загрузки
важна для интернет-
магазинов
В моменты, когда сайт тормозит из-за большого
количества трафика, более 75% онлайн-
покупателей предпочитают уйти на сайт
конкурента
Источники: akamai.com, gomez.com, econsultancy.com

43. 2 секунды примерно столько будет
ждать терпеливый пользователь до тех
пор, пока на экране появится
информация
Источники: akamai.com, gomez.com, econsultancy.com
В результате задержки в 1 секунду
уменьшается:
• количество просмотров на 11%
• процент удовлетворенности аудитории на
16%
• коэффициент конверсии на 7%
8% людей считают, что главной
причиной их ухода с сайта является
медленная загрузка страниц.

44.  Любой сайт на платформе «1С-
Битрикс» может быть разработан
по композитной технологии!

45. Если сайт работает в композитном
режиме, вы увидите кнопку «Быстро с
1С-Битрикс»

46. Мы запатентовали
технологию
«Композитный сайт»

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