Множество css и js файлов соеденить

Когда открываешь исходники битрикс сайта, то в шапке зачастую можно увидеть вот такую картину


<link href="/bitrix/wizards/bitrix/portal/css/panel.css?1287665096" type="text/css" rel="stylesheet" />
<link href="/bitrix/js/main/core/css/core.css?1291034643" type="text/css" rel="stylesheet" />
[spoiler]
<link href="/bitrix/js/main/core/css/core_window.css?1291034639" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/socialnetwork.events_dyn/popup/style.css?1296735987" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/ajax/ajax.css?1260196140" type="text/css" rel="stylesheet" />
<link href="/bitrix/js/main/core/css/core_tooltip.css?1316762577" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/search.title/.default/style.css?1296735987" type="text/css" rel="stylesheet" /><link href="/bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel/style.css?1296735987" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?1296736220" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/news.list/lunch_menu/style.css?1315473449" type="text/css" rel="stylesheet" /><link href="/bitrix/gadgets/bitrix/isonline/styles.css?1285581834" type="text/css" rel="stylesheet" />


<link href="/bitrix/components/bitrix/main.user.link/templates/.default/style.css?1287664954" type="text/css" rel="stylesheet" />
<link href="/bitrix/themes/.default/pubstyles.css?1287665065" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/news.list/best_photo/style.css?1315983291" type="text/css" rel="stylesheet" />
<link href="/bitrix/components/my/post/templates/new/style.css?1320136714" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/system.pagenavigation/modern/style.css?1315207746" type="text/css" rel="stylesheet" />
<link href="/bitrix/templates/.default/components/bitrix/photogallery.detail.list/main_page/style.css?1315459105" type="text/css" rel="stylesheet" />
<link href="/bitrix/components/bitrix/photogallery/templates/.default/style.css?1287665001" type="text/css" rel="stylesheet" />


Предлагаю изменить структуру компонентов, чтобы все стиле хранились в одном файле, например,
/css/main.css .

Плюсы такого вывода
1. Увеличится скорость загрузки страницы
2. Скроются пути к используемым компонентам
3. Простота редактирования стилей в одном месте
4. Не захламленный исходный код

Тоже самое с JS кодом.
Как вариант, можно при выводе шаблона компилировать все стили и скрипты в один файл.