Добавить CSS или JavaScript-файл

Сначала надо убедиться, что между тегами <head> присутствует метод $APPLICATION->ShowHead():

<head>
    <!-- ... -->
    <?$APPLICATION->ShowHead();?>
    <!-- ... -->
</head>

В данном месте загружаются CSS и JavaScript-файлы.

Файлы подключаются через следующий код:

// Подключение CSS
$APPLICATION->SetAdditionalCSS("/path/style.css");

// Подключение JavaScript
$APPLICATION->AddHeadScript("/path/script.js");

Объединять CSS и JavaScript в один файл

Файлы, подключенные через методы SetAdditionalCSS() и AddHeadScript() по умолчанию объединяются в один CSS или JS-файл.

Если это не происходит, то надо убедиться, что в НастройкиНастройки продуктаНастройки модулейГлавный модуль в разделе «Оптимизация CSS» отмечены пункты Объединять CSS файлы и Объединять JS файлы.

Bitrix. Объединять CSS и JS файлы

Объединение нескольо файлов в один позволяет уменьшить количество запросов на сайт, и ускорить загрузку страницы.

Также при изменении CSS или JS-файла, обновится кеш «общего» файла, т.е. у пользователей будет загружаться актуальная версия CSS и JS.