HTML компресор: минифициране на HTML и измерване на gzip
HTML компресор минимизира поставен HTML, използвайки същата минификация като HTML минификатора, след което измерва реалния gzip размер на резултата с вградения в браузъра CompressionStream. Той отчита брой байтове на оригиналния, минимизирания и gzip-натия вариант, за да можете да сравнявате маркировката преди и след минификацията и да видите компресирания размер, който CDN или уеб сървър би изпратил. Изберете наличните опции за минификация, преди да копирате компактния резултат.
HTML компресор е инструмент за минификация на HTML и измерване на gzip размер в браузъра за разработчици, които искат да сравняват компактна маркировка с нейния компресиран размер. Той прилага същата минификация като HTML минификатора, след което използва вградения в браузъра CompressionStream, за да измери реалния gzip размер на получения HTML. Инструментът показва броя байтове на оригиналния, минимизирания и gzip-натия вариант.
За да използвате HTML компресора, поставете или пуснете HTML, изберете опциите за минификация и прегледайте компактния резултат и измерванията. Етапът на минификация следва същото поведение като HTML минификатора, а измерването на gzip се прилага върху този минимизиран резултат. Сравняването на трите броя байтове помага да се покаже разликата между минификация и gzip компресия.
HTML е формат за маркиране за структуриране на съдържание, докато gzip е формат за компресия, използван за намаляване на размера на данните при пренос. Минифицирането на HTML може да направи маркировката по-компактна, без да променя смисъла ѝ; измерването на нейния gzip размер показва компресирания размер, който CDN или уеб сървър би изпратил. Тези цифри помагат на разработчиците да оценят както минимизирания изход, така и неговия компресиран размер при пренос.
Обработката се изпълнява изцяло във вашия браузър: вашият HTML се обработва на вашето устройство и не се качва, съхранява или изпраща до сървър. След като страницата се зареди, инструментът работи офлайн, защото няма зависимост от сървър.
HTML компресорът е полезен за разработчици и DevOps инженери, които искат да проверят размера на HTML, да подготвят компактно натоварване или да сравнят резултати от минификация с измервания на gzip. Броят байтове предоставя ясен начин да прегледате ефекта от минифицирането, преди да използвате изхода.
Стъпка 1: Поставете или пуснете вашия HTML в инструмента. Той приема HTML вход и го обработва във вашия браузър.
Стъпка 2: Изберете опциите за минификация. Инструментът прилага същата минификация като HTML минификатора.
Стъпка 3: Прегледайте компактния HTML и сравнете броя байтове на оригиналния, минимизирания и gzip-натия вариант. Измерването на gzip се взема от минимизирания резултат.
Стъпка 4: Копирайте компактния резултат за ползване във вашия проект, URL, header или config стойност.
Случай на употреба: Свивайте HTML за доставка, като запазвате смисъла му непроменен. Сравнете броя байтове на оригиналния и минимизирания вариант, за да видите разликата.
Случай на употреба: Преценете дали минификацията си струва, като проверите размера преди и след минификацията, заедно с получения gzip размер.
Случай на употреба: Подгответе компактен HTML за URL, header или config стойност, когато по-малкото натоварване е полезно.
Случай на употреба: Оценете компресирания размер, който CDN или уеб сървър би изпратил, като прегледате реалното измерване на gzip.
Случай на употреба: Проверете въздействието на избраните от вас опции за минификация, като сравните отчетените броеве байтове за резултата.
Случай на употреба: Преглеждайте оригиналните, минимизираните и gzip-натите размери заедно, когато оценявате HTML натоварвания по време на разработка.