Сжимаем CSS

avatar

Создатели сайта, часто, мало задумываются о мелочах влияющих на скорость загрузки. Ведь нынешний пользователь Сети нетерпелив, каждая секунда на счету, не дождавшись может уйти к удачливому конкуренту. Чтобы этого не случилось, рекомендую начать с самого элементарного сжать файл шаблона CSS.

Сжимаем CSS

Для этого необходимо воспользоваться инструментом основанном на CSS Tidy — это проект CSS Formatter and Optimiser.

Берете содержимое своего CSS файла и копируете в соответствующую форму инструмента, файл также можно указать по ссылке. Далее необходимо выбрать настройки, если отметить все пункты и Compression (code layout):Highest — то на выходе получится нечитаемый человеком файл без пробелов, удобно в том случае если вы там ничего править не будете, максимальное сжатие обеспечено.

Я рекомендую не усердствовать с настройками и выбрать Safe optimisation и другие настройки по выбору (кто знаком с английским без труда поймет, что к чему). Отметив галочкой Output as file получаем готовый файл для заливки на хостинг. Таким образом можно получить прирост до 85%. Особенно это значимо для крупных проектов. Конечно, можно пользоваться только GZIP, но все вместе дает гораздо лучший эффект.

Пользователи, которые до сих пор работают на «мопеде» dialup, будут благодарны Вам за каждый Кб.

Кто какие еще методы проделывает для ускорения загрузки страниц, прошу в комментарии! -)




.

Комментарии (5) к материалу "Сжимаем CSS"

  1. avataralex (15.02.2008 03:14)

    ты сам то CSS сжимал? :cool:

  2. avatarАндрей Лапенко (15.02.2008 03:24)

    Конечно. :wink:

  3. avatarКирилл (07.07.2008 15:55)

    :evil: :evil: в упор не вижу сцылку на скачьку шрифтоф!!! :evil:

  4. avatarLife4Life (23.11.2008 14:08)

    Я никогда не пользовался таким инструментом, а вот сейчас начну. Раньше просто урезал цвета шрифтов: #006699 на #069 и так далее.

  5. avatarRenar (22.12.2008 20:28)

    Отличный инструмент. Кроме темы, оптимизировал css нескольких плагинов. Результат заметен.

Leave a comment


Я не рассылаю спам! *

Top