DJ-Andrey-sXe Logo

DJ-Andrey-sXe

Музыка, программирование, юмор | djtal logиг

CSS Compressor v1.2.1

Perl-скрипт сжимает CSS за счёт удаления ненужной информации для браузера (лишние пробелы, отступы, комментарии), не нарушая синтаксис языка. В результате получается файл меньшего объема, в котором компактно содержится всё то же самое, что и в оригинале, причем абсолютно рабочее.

Скачать

Пример: то, что было до сжатия:

/* Предположим, это - мой css, тут какие-то мои комментарии,
   на которые и пользователю, и тем более его браузеру наплевать */

body /* тело документа */
{
  font: Verdana, Arial, sans-serif; /* шрифт без засечек */
  /* отступы - это удобство для человека, а не для компьютера */
    background-color: #000;
    margin:   0px; /* без внешнего отступа  */
    /* куча пробелов   -   не идёт на пользу */    padding:    14px;
}
/* сколько же в моём css может быть лишних комментариев!...   */

h1
{
    /* я люблю 2 пробела в качестве отступа, а вдруг вы любите 4? ... */
    font: bold 20pt sans-serif;
    color: #000;
    margin:  0px;  padding: 0px;
        /* а быть может у вас табы в 8 пробелов преобразовались? -
           снова кушаем трафик абсолютно зазря... */
        padding-top:    4px;
        padding-bottom:  2px;
}

/* и всё в таком духе ....*/

То, что осталось после сжатия:

body{font:Verdana,Arial,sans-serif;background-color:#000;margin:0;padding:14px}h1{font:bold 20pt sans-serif;color:#000;margin:0;padding:0;padding-top:4px;padding-bottom:2px}

Оригинальный CSS весил 888 байт (концы строк виндовые — CR+LF), сжатый стал весить всего 173 байта. Почувствуйте разницу: удалось сжать почти на 80%! Конечно, результат не обязательно будет таким же впечатляющим, как в этом утрированном примере, всё зависит от степени избыточности ваших файлов.

В версии 1.2.1 убрана поддержка IE-хаков. Когда я узнал о таком красивом решениее как Conditional Comments, я сразу же стал их использовать и необходимость поддерживать их в CSS Compressor-е отпала.

На основе скрипта я сделал онлайн-сервис для сжатия CSS.

Поделись с друзьями:

Комментариев: 2 | RSS

12 февраля 2010 в 08:07 #
Автор: нeжнaянoчь

Хм… А мне кажется, что минусы в данном случае намного превосходят плюсы.

12 февраля 2010 в 11:10 #
Автор: DJ-Andrey-sXe

нeжнaянoчь, какие именно минусы?

Результаты сжатия не предназначены для чтения или правки человеком. Инструмент сжимает CSS чтобы конечным пользователям пришлось качать меньше. CSS проходил валидацию. Что ещё надо для релиза проекта?

К примеру, текущий CSS для tltcomp.ru занимает 6233 байт, пожатая версия занимает 4999 байт. Я правлю исходник (где есть комментарии и форматирование), при сборке сайта он сжимается автоматически, как часть сборки. В «Школьном портале» довольно приличное количество CSS, который при сборке релиза автоматически сжимается (да ещё из нескольких CSS-файлов разной направленности делается один файл).

Результат всё тот же: пользователи, которые в код никогда не залезают, не получают мои комментарии и whitespace для удобства восприятия мной при правке.

Так всё-таки: расскажите подробно, где тут минусы?

// спустя время я понял, что это был спаммер, который оставил ссылку и успешно подтролил меня одной из стандартных мусорофраз для блогов :) и я зря распинался, рассказывал. Однако тем самым лишь дополнительно подкрепил своё мнение, что этот компрессор всё-таки достоин существования. Так что отломал я ему ссылку и пусть коммент живёт как будто вопрос действительно был задан человеком, понимающим, о чём тут написано.

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

Добавить комментарий: