Настройка кеширования на стороне браузера для 1С-Битрикс

Вы открываете сайт на Битрикс — повторный визит, загрузка 4 секунды. Waterfall: 80 запросов к статике, каждый с 304 Not Modified. TTFB 200 мс, но браузер всё равно проверяет каждый файл. Корень — неверные заголовки кэширования. Наша команда с опытом более 5 лет в Битриксе решает это под ключ.

Правильная настройка исключает лишние запросы: браузер хранит файлы локально и не обращается к серверу до истечения срока. Клиенты получают ускорение загрузки, сервер — меньше нагрузки. Например, после настройки у одного проекта количество запросов к статике сократилось с 80 до 12, время загрузки — с 4 до 1.2 секунды. Экономия на хостинге составила 30 000 рублей в месяц за счёт снижения нагрузки на сервер.

Что такое Cache-Control и Expires?

Cache-Control — заголовок HTTP, который указывает браузеру, как долго кэшировать ресурс. Параметр max-age задаёт время в секундах. Expires — устаревший заголовок, но всё ещё используется. Согласно RFC 7234, Cache-Control имеет приоритет над Expires. Для статики с хэшами используем max-age=31536000 (1 год) с флагом immutable.

Сравнение Freshness и Validation

Freshness даёт нулевое время загрузки из кэша. Validation экономит трафик, но не RTT. Для максимальной производительности настраиваем оба механизма.

Как настроить nginx для браузерного кэша в Битрикс?

server {
    # HTML — короткий кэш с revalidation
    location ~* \.html?$ {
        add_header Cache-Control "no-cache, must-revalidate";
        etag on;
    }

    # CSS, JS с хэшами в именах (Vite/Webpack) — долгий кэш
    location ~* /build/assets/.*\.[a-f0-9]{8,}\.(css|js)$ {
        add_header Cache-Control "public, max-age=31536000, immutable";
        access_log off;
    }

    # Статика без хэшей — умеренный кэш
    location ~* \.(css|js)$ {
        add_header Cache-Control "public, max-age=604800";
        etag on;
    }

    # Изображения
    location ~* \.(jpg|jpeg|png|gif|webp|avif|ico|svg)$ {
        add_header Cache-Control "public, max-age=2592000";
        access_log off;
    }

    # Шрифты
    location ~* \.(woff|woff2|ttf|otf|eot)$ {
        add_header Cache-Control "public, max-age=31536000, immutable";
        add_header Access-Control-Allow-Origin "*";
        access_log off;
    }

    # Ресурсы Битрикс (без хэшей)
    location ~* ^/bitrix/(js|css|fonts)/ {
        add_header Cache-Control "public, max-age=604800";
        etag on;
    }
}

Директива immutable запрещает браузеру проверять файл даже при принудительном обновлении (Ctrl+F5). Применяем только к файлам с версионным хэшем в имени — это безопасно.

Почему важно версионирование ресурсов?

Без версионирования длинный кэш опасен: обновили CSS, пользователи видят старый дизайн неделю. Решение — хэш в имени файла.

Встроенный механизм Битрикс — параметр sessid в URL. Он меняется при каждой сессии, ломая кэш чаще нужного. Лучше использовать Vite/Webpack: app-B3vCf7Tf.js. Для таких файлов max-age=31536000, immutable.

Если сборщик не используется, добавляем версию вручную:

// В header.php шаблона
$version = trim(file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/version.txt'));
echo '<link rel="stylesheet" href="/css/custom.css?v=' . $version . '">';

Файл version.txt обновляется в CI/CD при каждом деплое.

Как настроить Apache .htaccess?

<IfModule mod_expires.c>
    ExpiresActive On

    ExpiresByType text/html "access plus 0 seconds"
    ExpiresByType text/css "access plus 1 week"
    ExpiresByType application/javascript "access plus 1 week"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/webp "access plus 1 month"
    ExpiresByType font/woff2 "access plus 1 year"
</IfModule>

<IfModule mod_headers.c>
    <FilesMatch "\.(css|js)$">
        Header set Cache-Control "public, max-age=604800"
    </FilesMatch>
</IfModule>

Что входит в настройку кэширования?

Итого 7–14 часов. Стоимость настройки зависит от объёма работ и конфигурации сервера, ориентировочно от 20 000 до 60 000 рублей. В результате вы получаете ускорение загрузки и снижение нагрузки на сервер.

Как проверить правильность настройки?

curl -sI https://site.ru/css/styles.css | grep -i "cache-control\|expires\|etag"

Chrome DevTools → Network → выбираем ресурс → Headers: смотрим Cache-Control в Response Headers и from cache / from disk cache в столбце Size при повторной загрузке.

Кейс из практики

На одном интернет-магазине с каталогом 50 000 товаров после настройки браузерного кэширования:

• Время загрузки страницы уменьшилось с 4.2 с до 1.8 с (на 57%).
• Количество запросов к серверу сократилось с 95 до 22.
• Нагрузка на CPU упала на 40%, что позволило сократить расходы на хостинг.

После внедрения версионирования ресурсов проблема с устаревшим дизайном исчезла полностью. Клиент доволен.

Типичные ошибки при настройке браузерного кэша

Наиболее частые проблемы, которые мы устраняем в ходе аудита проектов на Битрикс:

• Слишком длинный max-age для HTML-страниц — пользователи видят устаревший контент после обновления. Для HTML используем no-cache, must-revalidate.
• Отсутствие версионирования у CSS и JS — после деплоя браузер продолжает использовать старый кэш. Решение: хэш в имени файла или параметр ?v=.
• Смешение заголовков Expires и Cache-Control — они конфликтуют; Cache-Control имеет приоритет, поэтому Expires лучше убрать.
• Отсутствие заголовка Vary: Accept-Encoding на сжатых ресурсах — CDN может отдавать сжатую версию браузерам без поддержки gzip.
• Директива immutable для файлов без хэша — браузер не сможет получить обновление даже при принудительной перезагрузке.

Правильная стратегия кэширования учитывает тип ресурса, схему версионирования и специфику платформы Битрикс.

Оцените свой проект — свяжитесь с нами для бесплатной консультации. Гарантируем результат.

Ссылки по теме: Wikipedia: HTTP cache, Wikipedia: ETag.

80% сайтов на Битрикс тормозят из-за одной таблицы

b_iblock_element_property — EAV-структура, где каждая строка хранит одно значение одного свойства одного элемента. Каталог в 50 000 товаров с 30 свойствами даёт 1,5 млн строк. Умный фильтр делает JOIN этой таблицы с b_iblock_element по пяти свойствам — и MySQL уходит в full table scan на 3–5 секунд.

Наш опыт показывает: без вмешательства в эту таблицу ускорение сайта невозможно. Мы берёмся за проекты, где скорость загрузки упала до 8–10 секунд, и возвращаем TTFB < 200 мс за 1–2 недели. Оптимизация скорости сайта начинается с аудита slow-запросов и заканчивается комплексной перестройкой инфраструктуры под ключ.

[Свяжитесь с нами для аудита] — мы определим узкие места за 2 часа и предложим конкретный план.

Серверная оптимизация

Nginx. Не просто «включили gzip». Конкретно:

• gzip_comp_level 4-5 — выше бессмысленно, CPU сжирает больше, чем экономит трафик;
• brotli on с brotli_static on — для предварительно сжатых файлов;
• HTTP/2 с http2_max_concurrent_streams 128;
• fastcgi_cache для PHP-ответов — кэширование на уровне Nginx, минуя PHP-FPM;
• worker_processes auto, worker_connections под количество одновременных соединений.

PHP-FPM. Выбор между pm = dynamic и pm = static — не академический:

• Static: фиксированное количество воркеров, без overhead на форк — для выделенных серверов с предсказуемой нагрузкой.
• Dynamic: экономит RAM при низком трафике. pm.max_children считаем как (доступная RAM - RAM для MySQL/Redis) / средний расход на процесс.
• OPcache: opcache.memory_consumption=256, opcache.max_accelerated_files=20000, opcache.validate_timestamps=0 на продакшене (перезагрузка PHP-FPM при деплое).

MySQL/MariaDB. Главное узкое место почти всегда:

• slow_query_log с порогом 0.5 сек — каждый запрос разбираем через EXPLAIN.
• innodb_buffer_pool_size = 70–80% доступной RAM на выделенном сервере.
• Составные индексы для фасетного поиска: (IBLOCK_ID, IBLOCK_PROPERTY_ID, VALUE) на b_iblock_element_property.
• OPTIMIZE TABLE b_iblock_element_property после массовых операций.

Как настроить кэширование на три уровня?

Управляемый кэш компонентов. TTL настраиваем для каждого компонента отдельно. Каталог — 3600 сек, новостная лента — 300 сек, баннеры — 86400. Одинаковый TTL везде — гарантия либо устаревших данных, либо бесполезного кэша.

Композитный кэш. Технология bitrix:composite — Nginx отдаёт готовый HTML из файла, PHP не запускается. Динамические зоны (корзина, авторизация) подгружаются AJAX-запросом через CBitrixComponent::setFrameMode(true). TTFB < 50 мс. Но: не все компоненты совместимы, $APPLICATION->ShowPanel() и прямой вывод через echo ломают композит. Проверяем каждую страницу через панель «Производительность → Композитный сайт».

Сравнение: композитный кэш быстрее управляемого в 10–20 раз по времени первого байта. Официальная документация Битрикс по композитному кэшу: Bitrix Composite.

Memcached / Redis. Переносим кэш из файловой системы:

• Сессии → Redis (session.save_handler = redis) — быстрее файлов в 10–50×, плюс работа в кластере.
• Кэш компонентов → Memcached через .settings.php: 'cache' => ['type' => 'memcache'].
• Кэш ORM-запросов — чтобы одинаковые GetList() не нагружали MySQL на каждом хите.

Почему стандартных настроек MySQL недостаточно?

Индексы. Составные для фасетного поиска. Покрывающие для частых выборок — MySQL отвечает из индекса, не обращаясь к данным. Частичные индексы (MariaDB) для фильтрации по ACTIVE = 'Y'. Аудит неиспользуемых индексов — каждый замедляет INSERT/UPDATE.

Партиционирование. Для таблиц с миллионами строк: b_stat_session, b_search_content_stem, Highload-блоки с историей. Партиция по дате — запрос «заказы за месяц» не сканирует данные за три года.

Реальный кейс: каталог 200 000 товаров, 50 свойств. Фильтр по 10 свойствам занимал 12 секунд. После создания составных индексов по (IBLOCK_ID, IBLOCK_PROPERTY_ID, VALUE) и партиционирования b_iblock_element_property по IBLOCK_ID время выполнения упало до 0,3 секунды. Нагрузка на MySQL снизилась в 40 раз.

Очистка. В любой базе за год-два накапливается: устаревший поисковый индекс, просроченные записи в b_cache_tag, история b_iblock_element_prop_s*, логи в b_event_log на гигабайты. Настраиваем регулярную очистку через агенты.

Партиционирование также решает проблему с параллельными запросами при обмене с 1С через CommerceML. Подробнее: MySQL Partitioning Documentation.

Фронтенд

Изображения — 60–80% веса страницы:

• WebP через CFile::ResizeImageGet() с BX_RESIZE_IMAGE_PROPORTIONAL + конвертация;
• srcset + sizes — не грузим 3000px картинку в блок 400px;
• loading="lazy" для всего ниже первого экрана;
• AVIF — ещё 20–30% экономии vs WebP (подробнее: WebP).

CSS/JS:

• Встроенный модуль Битрикс: объединение и минификация через «Настройки → Оптимизация CSS/JS»;
• PurgeCSS / UnCSS — на типичном Битрикс-проекте 60–70% CSS не используются;
• defer / async для некритичного JS;
• Critical CSS инлайном в <head> для мгновенного FCP.

Шрифты:

• <link rel="preload" as="font" crossorigin> для основного шрифта;
• font-display: swap — текст виден сразу;
• Subsetting через pyftsubset — вырезаем кириллицу + латиницу, файл уменьшается в 3–5 раз.

CDN

Cloudflare, BunnyCDN, AWS CloudFront или российские (Selectel CDN, VK Cloud CDN).

• Статика (CSS, JS, изображения, шрифты) — через CDN.
• Правила кэширования: Cache-Control: public, max-age=31536000, immutable для файлов с хешем.
• Оптимизация изображений на лету (imgproxy, Cloudflare Polish) без нагрузки на origin.

Зачем нужно нагрузочное тестирование?

Не синтетические бенчмарки, а реальные сценарии:

• k6 / wrk — имитация маршрутов: каталог → фильтрация → карточка → корзина → оформление.
• Метрики: RPS, время ответа (p50, p95, p99), процент ошибок.
• Xdebug (callgrind) или Blackfire — профилирование PHP, поиск узких мест.

Результат тестирования — объективная картина, где реально тормозит, а не где «кажется». После оптимизации прогоняем повторно — фиксируем улучшения.

Результаты

Что входит в работу?

1. Аудит текущей производительности — анализ slow-запросов, профилирование PHP, проверка кэширования, CDN, серверных настроек.
2. Настройка серверной части — Nginx, PHP-FPM, MySQL, Redis/Memcached, OPcache.
3. Оптимизация кэширования — управляемый кэш, композитный сайт, настройка TTL, тегированное кэширование.
4. Работа с БД — создание индексов, партиционирование, очистка, реорганизация EAV-таблиц.
5. Фронтенд — изображения (WebP/AVIF), CSS/JS (минификация, deferred), шрифты (preload, subsetting).
6. CDN — подключение, настройка правил кэширования.
7. Нагрузочное тестирование — сценарии реальных пользователей, отчёт по метрикам.
8. Документация — описание всех изменений, рекомендации по дальнейшему обслуживанию.
9. Гарантия — поддержка в течение 1 месяца после сдачи.

Мониторинг

Без мониторинга через полгода всё деградирует. Новый модуль, нерасчищенные логи, изменение в шаблоне — и скорость вернулась к исходной.

• web-vitals API — Real User Monitoring от реальных посетителей.
• Synthetic monitoring — Pingdom, UptimeRobot, регулярные проверки из разных локаций.
• Алерты — TTFB > 500 мс или LCP > 3 сек → уведомление.

Сроки и стоимость

Стоимость рассчитывается индивидуально после аудита. [Получите консультацию по вашему проекту] — оценим текущее состояние и предложим план ускорения с конкретными сроками и бюджетом. Мы — команда с 10+ годами опыта в Битрикс, выполнили более 200 проектов по оптимизации скорости сайта.