На форуме открыт новый сервис для web-мастеров. Любой желающий, у кого есть сайт, может теперь оптимизировать css файлы для ускорения загрузки сайта.

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

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

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

Вместо:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

Следует делать так:
margin: 10px 20px 10px 20px;

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

Следует делать так:
<div class="decorated">
<p>Абзац с оформленным текстом</p>
<p>Второй абзац</p>
<p>Третий абзац</p>
<p>Четвёртый абзац</p>
</div>

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

Перейти к сервису....