Сжатие инструменты для файлов CSS

Как быстро веб-страница загружается, является не только важным фактором в веб-дизайне стало с Google объявил это во внимание в будущем, как фактор ранжирования.

В идеале веб-страницы состоят из нескольких файлов (X) HTML, файл CSS может с JavaScript файлов и т.д..

Все эти данные будут загружаться при открытии веб-страницы в браузере и, таким образом, влияние на скорость загрузки.

Даже с файлами CSS и JavaScript файлов, вы можете оптимизировать некоторые скорость загрузки, в котором вы просто сохранить файлы сжаты.

Сегодня я представляю вам интерактивный инструмент для сжатия CSS-файлов перед.

Общий код CSS на этапе разработки

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

Например:

 тело {
 фонового цвета: # CCC;
 цвет: # 000000;
 Размер шрифта: 12px;
 шрифта: жирный;
 }
 h1 {
 цвет: # CC0000;
 Размер шрифта: 30px;

 }

Такой код, конечно, очень легко читается, с другой стороны, но и очень "разговорчивый" - каждая линия физических затрат на хранение и, следовательно, взимать позже строить веб-сайт.

Код сжатый CSS

В коде сжатый CSS в первую очередь, линии файл CSS будет «стягиваются» и комментарии удаляются.

В приведенном выше примере это выглядит так:

Это соответствует сокращению размера файла примерно на 22%.

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

CSS оптимизатор и форматирования в CLEANCSS.com

Кто не хочет, чтобы запустить сжатие вручную, что большое количество компрессоров CSS можно ознакомиться в Интернете, чтобы взять на себя эту задачу для вас.

Большинство из этих инструментов на основе CSSTidy - открытый исходный код CSS парсер который имеет ряд функций сжатия.

Интерактивный инструмент CLEANCSS.com все эти функции были рассмотрены.

Вы можете использовать это онлайн Shrinker CSS, CSS данных в области, предназначенной для копирования или скачать из URL и выбрать различные параметры сжатия.

В результате могут быть отображены на экране или записать в файл.

Попробуйте - сжатие стоит.

Является медленным временем быстро hpvorlagen24.de иногда - Вздох ...

Связанные ссылки:

Красивый ассортимент других инструментов сжатия CSS находится в mostinspired.com под названием « Интернет CSS компрессор инструменты для оптимизации стилей появился ".

В этой статье мы представим 16 из этих компрессоров.