Коли ви розробляєте, вам логічніше розбити стилі по зручній вам методології, щоб не було величезних онуч із стилів. Потім таск менеджер, наприклад gulp, під час складання проекту в продакшен, автоматично стискає і об'єднує всі в 1 файл. З приводу футера, особисто мені ця ідея не особливо подобається. Стилі це не те, на мій погляд, що має вантажиться з футера. Але це на розсуд. Але вже точно 10 різних файлів css в продакшені це поганий тон.
"Ok Google" і всі твої проблеми вирішені
Береш і створюєш та css файлу один header.css, а інший main.css
весь контент який влазить в перший екран стілізуешь в файлі header.css, а решта в main.css. Потім коли весь сайт готовий береш і мініфіцірованний header.css вставляєш в head в тег style. Ось і все профіт! Правда в HTML 5.2 можна підключати стилі в кінці перед body так-що вирішуй самю Плюс першого варіанту в тому, що ти Хакан google page speed і він показує хороші результати. Можна автоматизувати за допомогою Gulp-а
особисто я стилізує за допомогою sass. який компілюється в min.css і мені зручно. Прокачай свої знання в Gulp