она пришибает, все что не используется и выдает чистый

дальше уже делаешь че хочешь

у мну неет под рукой postcss и конфига для его работы. собственно как и какого нить галпа до кучи

ну и чем тебе поможет профилирование

30 тыс руками чистить утебя судя по всему есть

конфигурация сложная конечно

gulp.task('css-el', function () {
   ucssOpt.html.push('source/html/bundle.html');
   return gulp.src(bitrixSource)
       .pipe( concatCss('bundle-el.css') )
       .pipe( postcss([ require('perfectionist'), ucss(ucssOpt), sorting(propsOrpder) ]) )
       .pipe( gulp.dest(basePath + '/bitrix/templates/lol/csscomp/') )
})

Да не сложная, сейчас нет возможности ее заюзать просто, бли почти 4 секунды стиили грузит жесть

почему

потому что много их,  тут либами подключали, например font-awesome одна иконка используется на сайте, а подклюбчена вся либа ну и так далее

var bitrixSource = [
   //basePath + '/bitrix/js/main/core/css/core.css',
   //basePath + '/bitrix/templates/lol/components/aspro/tabs.mshop/main/style.css',
   //basePath + '/bitrix/templates/lol/components/bitrix/catalog.viewed.products/main/style.css',
   basePath + '/bitrix/templates/lol/css/jquery.fancybox.css',
   basePath + '/bitrix/templates/lol/css/styles.css',
   basePath + '/bitrix/templates/lol/ajax/ajax.css',
   basePath + '/css/grid.min.css',
   basePath + '/css/common.css',
   basePath + '/bitrix/templates/lol/styles.css',
   basePath + '/bitrix/templates/lol/template_styles.css',
   basePath + '/bitrix/templates/lol/themes/navy/theme.css',
   basePath + '/bitrix/templates/lol/css/media.css',
   basePath + '/bitrix/templates/lol/css/custom.css'
]

это если обратную совместимость надо какое-то время

а так можно врубить битро скледивание

потом выдрать поклееены файлы из кэша

и их обработать

это не битра в данном случае

и файлы по одному подключает?

пока да, тут полный бардак

ну можно открыть исходный код страницы и оттуда списать путтти

даже если их 100