CSS-оптимизатор
Параметры:
Не удалять разрывы строк (Да или Нет)
CSS, который может обрабатывать URL-адреса, файлы, вставленный текст и т. д.
Лотерейный пост
Дополнительные опции: нет
Чистый CSS
Дополнительные параметры (вы можете выбрать «Да» или «Нет» для каждого):
Переставить селекторы
Переупорядочить атрибуты
Оптимизировать селекторы и их свойства (0, 1 или 2)
Объединение сокращенных атрибутов
Только оптимизация безопасности
Сжать цвет
СжатиеFont-weight
Селектор строчных букв
Приписанный шрифт (строчный или верхний регистр)
Удалите ненужную обратную косую черту
Конвертируйте! важный хак
Удалить последнюю точку с запятой”;”
сохранять заметки
Устраните недопустимые свойства (CSS2.1, CSS2.0 или CSS1.0).
ввести как файл
Пингатес
Дополнительные параметры (вы можете выбрать «Да» или «Нет» для каждого):
Преобразовать длинное имя цвета в шестнадцатеричное.
Преобразование длинного шестнадцатеричного кода в короткий шестнадцатеричный код
Преобразование длинного шестнадцатеричного кода в название цвета
Преобразование RGB в шестнадцатеричный формат
Удалить 0 показателей
Объединить одно и то же правило
Объедините один и тот же селектор
Объединить свойства
Удалить повторяющиеся атрибуты
Удалите ненужные значения из полей и отступов
показать статистику
Вывод в цветном формате
Использовать минимальный размер вывода
PHP-инсайдер
Дополнительные опции: нет
СемьСорок
Параметры:
Варианты усечения: 500, 1000, 1500 или 2000.
Этот инструмент основан на компрессоре YUI, но автоматически удаляет хаки IE . Разработчик объясняет, что хаки IE должны появляться в одном файле, а не смешиваться в основном файле CSS, который станет трудным для поддержки.
Столбец страницы
Необязательно: нет
Рекомендуемые инструменты сжатия CSS для настольных компьютеров
Компрессор YUI и компрессор TB
YUI Compressor — это очень мощный инструмент сжатия кода, разработанный командой Yahoo. Требуется рабочая среда Java. Вы можете использовать команду java для ручного сжатия файлов CSS и JS или использовать ant для пакетного сжатия их во время компиляции .
Ю Бо из команды фронт-энда Taobao использует инструмент сжатия для платформы Windows, входящий в состав YUI компрессора, который очень легко установить и удалить. Как и мощный YUI Compressor, TBCompressor может не только сжимать CSS, но и JS.
Загрузите его здесь. Узнайте больше о TBCompressor — инструменте сжатия JS и CSS.
Кроме того, рекомендуется прочитать «Улучшение процесса сжатия файлов CSS с помощью TBCompressor» Цюй Чао.
инструменты оптимизации ресурсов Web 2.0
Настольный инструмент, разработанный китайцами с использованием Delphi 7, также может сжимать CSS и JS. Рекомендую. Также стоит отметить, что автор опубликовал исходный код проекта.
объединитьCSS
Инструмент на базе AIR, созданный веб-мастером CSS Forest Гуй Ге, который имеет множество полезных функций, таких как объединение нескольких файлов, объединение импортированных файлов @import и т. д. Посмотреть подробное введение.
Следует отметить, что инструмент поддерживает сокращения и объединение атрибутов не очень хорошо. Возможно, было бы лучше, если бы можно было добавить эту поддержку.
Еще одна очень важная вещь: Gui Ge до сих пор не выпустил этот инструмент . Если вы хотите его попробовать, вы можете связаться с ним.
скорость страницы
Скорость страницы на самом деле представляет собой плагин Firefox, основанный на Firebug, разработанный Google. Он в основном используется для анализа производительности веб-сайта. Но в опции «Минимизировать CSS» в списке результатов анализа скорости страницы щелкните ее, чтобы увидеть степень сжатия вашего CSS , и позже будет предоставлена сжатая версия, которую вы можете щелкнуть, чтобы просмотреть. Единственным недостатком является то, что сжатие нельзя настроить.
Каким бы уродливым ни был веб-сайт, GZIP — действительно полезный инструмент для сжатия многих типов кода. Возможно, это не самый простой метод сжатия, и он может немного сбить с толку новичков. Ознакомьтесь с этим руководством для получения дополнительной информации об использовании GZIP для сжатия ваших стилей.
Подвести итог
Как я уже говорил ранее, некоторые из этих методов могут показаться чрезмерными или бессмысленными. Главное — посмотреть на общую картину. Хотя любой из этих методов может оказать лишь незначительное влияние, объединение нескольких или всех этих методов может оказать огромное влияние на размер ваших CSS-файлов.