Каскадные таблицы стилей делают веб-сайты гораздо более удобными, так как они позволяют браузерам кэшировать стили, примененные к данному сайту, размещенные в файле. Css. Благодаря этому, сразу же отпадает необходимость в считывании стилей каждый раз после загрузкой новой страницы.

Несмотря на то, что CSS в разы облегчает сайт, оптимизация CSS-файлов просто необходима, если, конечно, Вы хотите еще более ускорить загрузку Вашего сайта.

Во-первых, найдите все разгруппировываемым записи в коде и объедините их в одну строку. Ниже будут приведены примеры:
Вместо:

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-lefmargin-left: 20px;

Стоит делать так:

margin: 10px 20px 10px 20px;

Вместо:

<p> Абзац с оформленным текстом </ p>
<p> Второй абзац </ p>
<p> Третий абзац </ p>
<p> Четвертый абзац </ p>

Стоит делать так:

<div>
<p> Абзац с оформленным текстом </ p>
<p> Второй абзац </ p>
<p> Третий абзац </ p>
<p> Четвертый абзац </ p>
</ Div>

Во-вторых, Вы также можете воспользоваться отличным инструментом оптимизации css-файлов CleanCSS или программами, вроде TopStyle. Данный инструмент объединит одинаковые селекторы, удалит ненужные свойства и пробелы из кода.
Некоторые НО ...

Поскольку ведущее место среди браузеров занимает Internet Explorer, то могут не срабатывать некоторые сгруппированы записи.

Так, например:

margin: 10px 20px 10px 20px;

может по разному восприниматься Internet Explorer, либо вообще не восприниматься.

Поэтому при оптимизации CSS нужно подходить с умом, и тестировать сайт, как минимум в IE6 и IE7, Opera и FireFox.