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

Сергей Рыжиков1С-Битрикс

История производительности платформы

2005 2007 2008 2009 2010

Автокеширование. Появление инструментов отладки SQL-запросов, первое нагрузочное тестирование с QSOFT

развернуто 4 конфигурации Oracle RAC с 4 серверами

рост производительности – на 430%! Новые нагрузочные тесты: 8.5 млн. хитов – «Бизнес», 12.4 млн. – «Старт», 85 млн. – «HTML кеш»

производительность стала существенной задачей для разработки

«монитор производительности» во

всех редакциях

продукта

выпущены «1С-Битрикс: Виртуальная машина» и «1С-Битрикс: Веб-окружение»

Компоненты 2.0.Быстро настраиваемый внешний вид представления информации без изменения программной логики компонента

История производительности платформы

2011 2013

сертификация хостинг-провайдеров

ускорение сайтов – CDN Ускоряет загрузку сайта от 30% до 200%

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

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

HTML

JS

CSS

Графика

Динамика загрузки страниц

HTML

JS

CSS

Графика

JS

CSS

Графика

От скорости поступления HTMLкаскадно зависят все остальные показатели

Ускорение сайтов (CDN)

CDN

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

Пути решений

Сжать изображения, css, javascript - оптимизировать содержимое страницы.

Отключить загрузку изображений без показа.

Отдавать HTML без задержек.

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

Обновляется раз в 5

месяцев

Обновляется крайне редко

Обновляется раз в неделю,

зависит от города

Обновляется раз в неделю

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

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

Композитный материал, композит (англ. Composite)

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

Композитные материалы используются в современных высокотехнологичных производствах.

wikipedia.org

Композитный

Композитный сайт – уникальная технология, которая объединяет:

Преимущества статического сайта

И все возможности динамического сайта

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

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

• Неприменимо в интернет-торговле

Что такое статический сайт

HTML

• Загружается медленнее статического сайта, потому что исполняет программный код

• Используется для интернет-магазинов и большинства современных сайтов

• Все сайты на платформе «1С-Битрикс» – динамические

Что такое динамический сайтHTML

PHP

MySQL

Отклик сайта в 100 раз быстрее

Лучшее ранжирование сайтов в Яндекс и

Google

Повышение конверсии

интернет-магазина

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

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

Ускорение x224

0,0023170,0022470,0022440,0022430,0022370,0022590,0022610,0022620,0022280,002258

0,5023580,5033050,5016520,5013840,4983110,5076430,5094010,5074440,5083880,513112

До После

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

Ускорение x73

0,1650090,1668940,1627350,1662670,1624090,1662450,1639940,165593

0,164370,164391

0,0022730,0026450,0022010,0022140,0022310,0022020,0021790,0022120,0022010,002215

До После

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

Ускорение 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

До После

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

Композитный сайт: обзор

До включения и после

Найдите 10 отличий

Композитный сайт: обзор

Отличий быть не должно

Композитный сайт: обзор

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

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

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

Как это работает: начало

• Сайт логически разделяется на:• статическую• и диначическую• части.

• Динамические части не могуть быть вложенными.

• Отличаются для разных пользователей.

• Часто изменяются (живут секунды или минуты).

• Статическая часть сохраняется на диск и отдаётся сразу и целиком.

• Динамическая часть выполняет страницу, вырезает области и возвращает json.

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

);}

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

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

Условия включения

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

• Компоненты и шаблоны подключенные на странице голосуют за композитный режим.

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

• В этом случае в журнал отладки AddMessage2Log делается запись.

• Мы пока не определились включать по умолчанию или нет. Скорее всего включим.

Голосование

• Обеспечивает максимально быстрое отображение сайта

• Сочетает в себе скорость загрузки статического (HTML) сайта и возможности динамического сайта

• Обеспечивает большее масштабирование

• Значительно улучшает отклик сайта для поисковых систем, улучшает SEO

• Возможность создания динамических блоков в закешированной странице

Композитный сайт

HTML

JavaScript

CSSГрафикаДинамические данные

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

• Вовлеченность пользователей

• Увеличение конверсии=увеличение дохода

• Позиция в результатах поиска выше, чем у конкурентов

Почему скорость загрузки важна для интернет-магазинов

В моменты, когда сайт тормозит из-за большого количества трафика, более 75% онлайн-покупателей предпочитают уйти на сайт конкурента

Источники: akamai.com, gomez.com, econsultancy.com

2 секунды примерно столько будет ждать терпеливый пользователь до тех пор, пока на экране появится информация

Источники: akamai.com, gomez.com, econsultancy.com

В результате задержки в 1 секунду уменьшается:

• количество просмотров на 11%• процент удовлетворенности аудитории на

16% • коэффициент конверсии на 7%

8% людей считают, что главной причиной их ухода с сайта является медленная загрузка страниц.

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

по композитной технологии!

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

1С-Битрикс»

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

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