Быстродействие: оптимизaция CSS.

Via DailyBlogTips.

Каскадные таблицы стилей (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, к примеру, сайтом CleanCSS. Этот инструмент сделает за вас все, что необходимо. Даже удалит ненужные пробелы и отступы :)

Из той же серии:

Комментариев к “Быстродействие: оптимизaция CSS.”: 4

  1. Уведомление: Пингвин Рыба Есть

Добавить комментарий для Apathetic Отменить ответ