Единый большой кэш-код CSS и малые фрагменты CSS для конкретных страниц

Сейчас мои файлы CSS выглядят следующим образом:

• Как отобразить выделение нескольких выпадающих из массива в php?
• загрузить ход с последующей обработкой
• Как я могу запустить mysql-запрос, когда пользователь выбирает новую опцию в поле выбора?
• Как конвертировать HTML-код или данные, содержащие (тег изображения и некоторый текст) в изображение для загрузки
• Является ли хорошее знание PHP необходимым для создания устанавливаемого шаблона для таких CMS, как WordPress, Joomla или Drupal?

Тогда у меня есть фрагмент php, который выглядит так:

<?php $Compress->folder(Configuration::get('Public').'/style/', '.css', Configuration::get('Public').'/style.css'); ?> 

Это минимизирует все файлы css, хранящиеся в каталоге public_html/style/ (показано на рисунке), и создает файл в каталоге /public_html/ называется style.css. Он запускается только при необходимости, хотя в разработке, всегда.

Затем я просто включаю большой файл: <link rel="stylesheet" href="http://newfutureuniversity.org/style.css" type="text/css" media="screen" > .

Я был сосредоточен на разработке php, и теперь я фактически начал разрабатывать дизайн сайта и хотел бы его оптимизировать. Насколько я понимаю, чем меньше файлов пользователь загружает и чем меньше они, тем лучше (таким образом, мой класс join-and-minim). Однако это вызывает другой вопрос, когда есть несколько CSS-файлов, специфичных для страницы. Почему моя главная страница должна загрузить файл CSS формы? Или форма главная страница одна? Насколько я знаю, есть 3 основных варианта:

1. Загрузите все в первый раз.

В первый раз, когда пользователь просматривает сайт, он загружает весь свернутый файл css. Первый раз он будет медленным, но каждый другой визит будет намного быстрее. Также его намного проще настроить.

2. Загрузите общий код в первый раз, а затем в код страницы.

Каждое посещение имеет среднюю скорость; первый немного медленнее, а затем следующие несколько быстрее, но все же не самые лучшие. Первый пользователь загружает 2 файла, а общий – кэшируется для следующего посещения.

3. На каждой странице есть другой файл CSS.

CSS каждой страницы – это необходимый CSS плюс конкретная страница, поэтому он не может быть сохранен в кеше. Быстрее, чем в первый раз 2. Но медленнее позже.

Я просто догадываюсь, что это сводится к тому, сколько страниц посещает пользователь и количество кода, специфичного для страницы. Если средний пользователь посещает 1 или 2 страницы, вам нужен второй или даже третий вариант. Однако, если пользователь посещает 20 или 30 страниц вашего сайта, вам нужен первый вариант.

Итак, какой метод был бы лучше для загрузки сервера и латентности пользователя и почему? Страница, над которой я работаю, должна быть небольшой, поскольку ожидается доступ к мобильному доступу и удаленному доступу.