Каскадные таблицы стилей делают веб-сайты гораздо более эффективными, поскольку они позволяют браузерам кэшировать информацию о стиле из .CSS файлов напрямую, устраняя тем самым необходимость обновлять эту информацию каждый раз при загрузке страницы.
Несмотря на то, что CSS в разы облегчает страницы сайта/форума, оптимизация CSS-файлов просто необходима, если вы хотите ускорить загрузку сайта/форума еще больше.
Для этого найдите все разгруппированные записи в коде и объедините их в одну строку. Ниже будут примеры.
Например вместо:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
Вы должны указать:
margin: 10px 20px 10px 20px;
Вместо того, чтобы:
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
Вы должны указать:
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
Во-вторых, вы можете попробовать воспользоваться отличным инструментом оптимизации CSS файлов CleanCSS или программами типа TopStyle. Эти инструменты должны объединить аналогичные селекторы, удалить бесполезные свойства, удалить пробел и так далее.
Оригинал статьи: http://www.dailyblogtips.com/speed-up-y … -your-css/
P.S.
Т.к. часто задаю вопросы по CSS, решила внести и свой маленький вклад, найдя и переведя, на мой взгляд, интересную и познавательную статью. Может быть, кому-то это окажется полезным.
Отредактировано Люка (Ср, 20 Янв 2010 11:14:32)