HTML-компрессор: минификация HTML и измерение gzip
HTML-компрессор минифицирует вставленный HTML, используя ту же минификацию, что и HTML-минификатор, затем измеряет фактический размер gzip результата с помощью нативного браузерного CompressionStream. Он сообщает количество исходных, минифицированных и сжатых байтов, чтобы вы могли сравнить разметку до и после минификации и увидеть сжатый размер, который отправляли бы CDN или веб-сервер. Выберите доступные опции минификации перед копированием компактного результата.
HTML-компрессор — это браузерный инструмент минификации HTML и измерения размера gzip для разработчиков, которые хотят сравнить компактную разметку с её сжатым размером. Он применяет ту же минификацию, что и HTML-минификатор, затем использует нативный браузерный CompressionStream, чтобы измерить фактический размер gzip полученного HTML. Инструмент отображает количество исходных, минифицированных и сжатых байтов.
Чтобы использовать HTML-компрессор, вставьте или перетащите HTML, выберите опции минификации и проверьте компактный результат и измерения. Этап минификации следует тому же поведению, что и HTML-минификатор, а измерение gzip применяется к этому минифицированному результату. Сравнение трёх количеств байтов помогает показать разницу между минификацией и gzip-сжатием.
HTML — это формат разметки для структурирования контента, а gzip — формат сжатия, используемый для уменьшения размера данных при передаче. Минификация HTML может сделать разметку компактнее, не меняя её смысла; измерение её размера gzip показывает сжатый размер, который отправляли бы CDN или веб-сервер. Эти цифры помогают разработчикам оценить как минифицированный вывод, так и его сжатый размер при передаче.
Обработка выполняется полностью в вашем браузере: ваш HTML обрабатывается на вашем устройстве и не загружается, не хранится и не отправляется на сервер. После загрузки страницы инструмент работает офлайн, поскольку у него нет серверной зависимости.
HTML-компрессор полезен разработчикам и DevOps-инженерам, которые хотят проверить размер HTML, подготовить компактную нагрузку или сравнить результаты минификации с измерениями gzip. Количества байтов дают прямой способ оценить эффект минификации перед использованием вывода.
Шаг 1: Вставьте или перетащите ваш HTML в инструмент. Он принимает ввод HTML и обрабатывает его в вашем браузере.
Шаг 2: Выберите опции минификации. Инструмент применяет ту же минификацию, что и HTML-минификатор.
Шаг 3: Проверьте компактный HTML и сравните количество исходных, минифицированных и сжатых байтов. Измерение gzip берётся из минифицированного результата.
Шаг 4: Скопируйте компактный результат для использования в вашем проекте, URL, заголовке или значении конфигурации.
Пример использования: Уменьшайте HTML для поставки, сохраняя его смысл неизменным. Сравните количество исходных и минифицированных байтов, чтобы увидеть разницу.
Пример использования: Решите, стоит ли минифицировать, проверив размер до и после минификации вместе с итоговым размером gzip.
Пример использования: Подготовьте компактный HTML для URL, заголовка или значения конфигурации, когда полезен меньший объём данных.
Пример использования: Оцените сжатый размер, который отправляли бы CDN или веб-сервер, просмотрев фактическое измерение gzip.
Пример использования: Проверьте влияние выбранных опций минификации, сравнив указанные количества байтов результата.
Пример использования: Просматривайте исходный, минифицированный и сжатый размеры вместе при оценке HTML-нагрузок во время разработки.