Налаштування Brotli-стиснення для 1С-Бітрікс

Наша компанія займається розробкою, підтримкою та обслуговуванням рішень на Бітрікс та Бітрікс24 будь-якої складності. Від простих односторінкових сайтів до складних інтернет-магазинів, CRM систем з інтеграцією 1С та телефонії. Досвід розробників підтверджено сертифікатами від вендора.
Пропоновані послуги
Показано 1 з 1 послугУсі 1626 послуг
Налаштування Brotli-стиснення для 1С-Бітрікс
Проста
~1 робочий день
Часті питання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.png
    Розробка сайту компанії B2B ADVANCE
    1262
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Розробка веб-сайту для компанії ФІКСПЕР
    851
  • image_bitrix-bitrix-24-1c_development_of_an_online_appointment_booking_widget_for_a_medical_center_594_0.webp
    Розробка на базі Бітрікс, Бітрікс24, 1С для компанії Development of an Online
    585
  • image_bitrix-bitrix-24-1c_mirsanbel_458_0.webp
    Розробка на базі 1С Підприємство для компанії МИРСАНБЕЛ
    751
  • image_crm_dolbimby_434_0.webp
    Розробка сайту на CRM Бітрікс24 для компанії DOLBIMBY
    657
  • image_crm_technotorgcomplex_453_0.webp
    Розробка на базі Бітрікс24 для компанії ТЕХНОТОРГКОМПЛЕКС
    989

Налаштування Brotli стиснення для 1С-Бітрікс

Налаштування Brotli стиснення для 1С-Бітрікс

Gzip на рівні 6 стискає типовий HTML сторінки каталогу зі 180 КБ до 32 КБ. Brotli на рівні 11 дає 27–28 КБ при тому ж навантаженні на CPU — 15–20% виграш без змін у коді сайту. Для CSS і JS різниця ще помітніша: бандл 400 КБ після Gzip — 110 КБ, після Brotli — 90–95 КБ. На повільних мобільних з'єднаннях це відчутно.

Всі сучасні браузери підтримують Brotli (br у заголовку Accept-Encoding). Brotli вимагає HTTPS — за специфікацією він працює тільки по захищеному з'єднанню.

Встановлення модуля Brotli для nginx

Nginx не підтримує Brotli з коробки — потрібен модуль ngx_brotli. Два шляхи:

Компіляція з вихідних кодів:

# Клонуємо модуль
cd /usr/local/src
git clone --recurse-submodules https://github.com/google/ngx_brotli.git

# Дізнаємось версію nginx
nginx -v

# Завантажуємо вихідники тієї ж версії
wget http://nginx.org/download/nginx-1.24.0.tar.gz
tar -xzf nginx-1.24.0.tar.gz
cd nginx-1.24.0

# Конфігуруємо з модулем
./configure --with-compat --add-dynamic-module=/usr/local/src/ngx_brotli

# Збираємо лише модулі
make modules

# Копіюємо .so у директорію модулів nginx
cp objs/ngx_http_brotli_filter_module.so /etc/nginx/modules/
cp objs/ngx_http_brotli_static_module.so /etc/nginx/modules/

Готовий пакет (Debian/Ubuntu):

add-apt-repository ppa:ondrej/nginx
apt update
apt install libnginx-mod-http-brotli

Конфігурація nginx для Бітрікс

# /etc/nginx/nginx.conf — у блоці http
load_module modules/ngx_http_brotli_filter_module.so;
load_module modules/ngx_http_brotli_static_module.so;

http {
    # Brotli динамічне стиснення
    brotli on;
    brotli_comp_level 6;
    brotli_types
        text/html
        text/css
        text/javascript
        application/javascript
        application/json
        application/xml
        text/xml
        image/svg+xml
        font/woff2;

    # Статичні pre-compressed файли
    brotli_static on;

    # Gzip як fallback для браузерів без Brotli
    gzip on;
    gzip_comp_level 6;
    gzip_types text/html text/css application/javascript;
    gzip_vary on;
}

brotli_comp_level 6 — баланс між ступенем стиснення та навантаженням на CPU. Рівень 11 дає +5–8% стиснення ціною 10x зростання часу компресії — виправданий лише для pre-compressed статики.

brotli_static on — nginx шукає файл assets/app.js.br поряд з assets/app.js. Якщо знайдено, віддає готовий архів без витрат CPU.

Pre-compressed файли для статики Бітрікс

Для CSS/JS бандлів, які рідко змінюються, готуємо .br-файли заздалегідь:

# Встановлюємо brotli CLI
apt install brotli

# Стискаємо всі JS і CSS у директорії public
find /var/www/bitrix/public -name "*.js" -o -name "*.css" | while read f; do
    brotli --best --keep "$f"
done

Додаємо в деплой-скрипт: після збірки фронтенду автоматично генеруємо .br-файли.

Перевірка роботи

curl -sI -H "Accept-Encoding: br" https://site.ru/bitrix/js/main/core/core.js | grep -i content-encoding
# Очікувана відповідь: Content-Encoding: br

# Порівнюємо розміри
curl -s -H "Accept-Encoding: identity" https://site.ru/css/app.css | wc -c
curl -s -H "Accept-Encoding: br" https://site.ru/css/app.css | wc -c

Apache mod_brotli

Якщо Бітрікс працює на Apache без nginx-фронтенду:

LoadModule brotli_module modules/mod_brotli.so

<IfModule mod_brotli.c>
    AddOutputFilterByType BROTLI_COMPRESS text/html text/css application/javascript
    BrotliCompressionLevel 6
</IfModule>

mod_brotli входить до Apache 2.4.26+. На старих серверах Бітрікс-оточення (Apache 2.2) Brotli недоступний — потрібен апгрейд або перехід на nginx.