Output will appear here...CSS Minifier & Beautifier - это инструмент двухсторонней таблицы стилей: он сжимает CSS, удаляя все, что не нужно браузеру, — комментарии, пробел, избыточные точки с запятой, длинные шестнадцатеричные цвета и единицы с нулевыми значениями — и он может поменять процесс, расширяя однострочный производственный пакет обратно в читаемые, надлежащие правила с отступом. Каждый байт, который вы удаляете из таблицы стилей блокирования рендеринга, представляет собой байт, который браузер загружает и анализирует раньше, который напрямую питает метрики жизненно важных показателей Core Web, такие как First Contentful Paint и наибольшая содержательная краска.
Минфактор намеренно консервативен. Он полностью осведомлен о строковых литералах, значениях url() и выражениях calc(), поэтому никогда не удаляет пробел, от которого зависит Calc(100% - 20px), никогда не переписывает цветоподобный текст внутри строки содержимого и никогда не прикасается к интервалу, который отличает div : hover от div: hover. На типичных рукописных таблицах вы можете ожидать уменьшения размера на 25–40% до GZIP; в сочетании с GZIP или BROTLI на проводе минимизация по-прежнему брилирует значимый фрагмент, потому что сжатие лучше работает при повторяющихся и без комментариев.
В вашем браузере все работает на 100% на стороне клиента. Ваш CSS никогда не загружается, не регистрируется или сохраняется на любом сервере, что означает, что вы можете безопасно вставлять проприетарный системный код, невыпущенные стили продукта или работу с клиентом. Он также работает в автономном режиме после загрузки страницы — полезно, когда вам нужен быстрый миниатюрный проход без подключения полного POSTCSS или конвейера ESBuild.
Переместите свою таблицу стилей во входную область — одно правило, файл компонента или полный производственный пакет. Принимаются как форматированные, так и уже минифельные CSS.
Нажмите «Мини», чтобы сжать для производства, или украсить, чтобы развернуть миниатюрный код в одну строку с пустой строкой между правилами. Для Beautify сначала выберите предпочитаемый вмятин.
Инструмент сообщает точное изменение размера до/после и процентное изменение (например, «12,4 КБ → 8,1 КБ, −34%»), поэтому вы точно знаете, что преобразование купило вам перед отправкой.
Скопируйте результат в буфер обмена одним щелчком мыши или загрузите его в виде файла .css, готовых к выходу в ваш вывод сборки или CDN.
Уважает строковые литералы, значения url() и интервалы calc() — он агрессивно сжимается, не повреждая допустимые CSS
Переписывает #FFFFF на #FFF и от 0px до 0, где доказуемо безопасно, сжимая лишние байты за пределы удаления простого пробела
Сохраняет /* Комментарии к баннеру нетронуты, поэтому заголовки библиотечных лицензий выживают при минимировании, соответствующее стандартному поведению инструмента сборки
Расширяет минимизированные пакеты в читаемые правила с настраиваемыми 2, 4 или 8 пробелами для отладки производственных проблем
Minify HTML markup for faster page loads or beautify it for readable, indented source
Format messy SQL into readable, indented queries or minify SQL to a single line
Format, validate, and minify JSON data
Create beautiful CSS gradients with live preview
0 comments
No comments yet. Be the first to share your thoughts!