HTML минификатор – свийте HTML и измерете байтовете
HTML минификаторът превръща поставен или пуснат HTML в по-компактна версия, като го парсира с DOMParser на браузъра, премахва коментари, свива интервалите и минифицира вградения CSS и JavaScript. Изберете наличните опции за минифициране, след което прегледайте резултата заедно с броя байтове преди и след и спестения процент. IE условните коментари се запазват, така че можете да проверите компактния резултат, преди да го използвате.
HTML минификаторът е HTML минификатор в браузъра, който създава компактна версия на вашата маркировка. Поставете или пуснете HTML, за да го конвертирате онлайн, след което прегледайте резултата редом с оригинала и вижте броя байтове и спестения процент. Той използва DOMParser на браузъра, за да парсира и ре-сериализира HTML.
По време на минифицирането коментарите се премахват, интервалите се свиват, а вградените стилови и скриптови блокове се минифицират. Можете да изберете наличните опции за минифициране, макар че поведението на инструмента е ограничено до опциите, които той предоставя. IE условните коментари се запазват. Цифрите за размера преди и след ви помагат да видите резултата, вместо да разчитате на оценка.
HTML е маркировка, използвана за описване на структурата на страница, докато CSS дефинира стилове, а JavaScript предоставя скриптове. Минифицирането премахва или намалява съдържание като коментари и интервали, за да направи сериализираната маркировка по-компактна. Разработчиците могат да използват по-малък HTML полезен товар при доставяне на страница или поставяне на маркировка в URL, хедър или конфигурационна стойност. Винаги преглеждайте генерирания резултат за предвидената употреба.
HTML минификаторът работи изцяло във вашия браузър: входните ви данни се обработват на вашето устройство и не се качват, съхраняват или изпращат на сървър. След зареждането на страницата работи офлайн, защото няма сървърна зависимост. Инструментът е безплатен и полезен за разработчици и DevOps инженери, които искат да свият HTML и да проверят спестените байтове, без да изпращат маркировката си другаде.
Стъпка 1: Поставете своя HTML или го пуснете в инструмента. Минификаторът приема HTML вход и го обработва във вашия браузър.
Стъпка 2: Изберете наличните опции за минифициране. Те контролират минифицирането, приложено към HTML и неговите вградени стилови и скриптови блокове.
Стъпка 3: Прегледайте компактния HTML резултат. Инструментът парсира и ре-сериализира маркировката, като премахва коментари и свива интервалите.
Стъпка 4: Сравнете броя байтове преди и след и спестения процент, след което копирайте резултата за проекта си.
Случай на употреба: Свийте HTML, преди да го доставите в проект. Премахването на коментари и свиването на интервалите може да създаде по-компактна версия на маркировката.
Случай на употреба: Сравнете броя байтове на оригинала и минифицирания вариант, за да решите дали намаляването на размера е полезно за страницата ви.
Случай на употреба: Създайте компактен HTML полезен товар за URL, хедър или конфигурационна стойност, когато трябва да вместите маркировка в друг формат.
Случай на употреба: Минифицирайте вградения CSS и JavaScript заедно с HTML, така че тези вградени блокове да са включени в компактния резултат.
Случай на употреба: Проверете ефекта от различните налични опции за минифициране, като прегледате получената маркировка и спестените байтове.
Случай на употреба: Подгответе HTML за преглед или споделяне, като премахнете коментари и ненужни интервали, като същевременно запазите IE условните коментари.