HTML Küçültücü: İşaretlemeyi Sıkıştırın
HTML Küçültücü, yapıştırılan veya sürüklenen HTML'i; tarayıcının DOMParser'ı ile ayrıştırarak, yorumları kaldırarak, boşlukları daraltarak ve satır içi CSS ile JavaScript'i küçülterek daha kompakt bir sürüme dönüştürür. Kullanılabilir küçültme seçeneklerini belirleyin, ardından çıktıyı öncesi-sonrası bayt sayımları ve tasarruf yüzdesiyle birlikte inceleyin. IE koşullu yorumları korunur; böylece kullanmadan önce kompakt sonucu denetleyebilirsiniz.
HTML Küçültücü, işaretlemenizin kompakt bir sürümünü oluşturan tarayıcı tabanlı bir HTML küçültücüdür. HTML'i yapıştırın veya sürükleyip çevrimiçi dönüştürün, ardından çıktıyı özgün hâliyle yan yana inceleyin; bayt sayımlarını ve tasarruf yüzdesini görün. Tarayıcının DOMParser'ını kullanarak HTML'i ayrıştırır ve yeniden serileştirir.
Küçültme sırasında yorumlar kaldırılır, boşluklar daraltılır ve satır içi stil ile komut dosyası blokları küçültülür. Kullanılabilir küçültme seçeneklerini belirleyebilirsiniz; ancak aracın davranışı sunduğu seçeneklerle sınırlıdır. IE koşullu yorumları korunur. Öncesi-sonrası boyut rakamları, tahmine güvenmek yerine sonucu görmenize yardımcı olur.
HTML, bir sayfanın yapısını tanımlamak için kullanılan işaretleme dilidir; CSS stilleri tanımlarken JavaScript betikleme sağlar. Küçültme, serileştirilen işaretlemeyi daha kompakt hâle getirmek için yorum ve boşluk gibi içerikleri kaldırır veya azaltır. Geliştiriciler bir sayfayı yayınlarken veya işaretlemeyi bir URL, başlık ya da yapılandırma değerine yerleştirirken daha küçük bir HTML yükü kullanabilir. Oluşturulan sonucu kullanım amacınız için her zaman inceleyin.
HTML Küçültücü tamamen tarayıcınızda çalışır: girdiniz cihazınızda işlenir; yüklenmez, saklanmaz veya sunucuya gönderilmez. Sayfa yüklendikten sonra sunucu bağımlılığı olmadığı için çevrimdışı çalışır. Araç ücretsizdir; işaretlemelerini başka bir yere göndermeden HTML küçültüp bayt kazancını denetlemek isteyen geliştiriciler ve DevOps mühendisleri için kullanışlıdır.
Adım 1: HTML'inizi yapıştırın veya araca sürükleyin. Küçültücü HTML girdisini kabul eder ve tarayıcınızda işler.
Adım 2: Kullanılabilir küçültme seçeneklerini belirleyin. Bunlar, HTML'e ve satır içi stil ile komut dosyası bloklarına uygulanacak küçültmeyi denetler.
Adım 3: Kompakt HTML sonucunu inceleyin. Araç işaretlemeyi ayrıştırıp yeniden serileştirir; yorumları kaldırır, boşlukları daraltır.
Adım 4: Öncesi-sonrası bayt sayımlarını ve tasarruf yüzdesini karşılaştırın, ardından sonucu projeniz için kopyalayın.
Kullanım senaryosu: Bir projede yayınlamadan önce HTML'i küçültün. Yorumları kaldırmak ve boşlukları daraltmak, işaretlemenin daha kompakt bir sürümünü verebilir.
Kullanım senaryosu: Sayfanız için boyut küçülmesinin yararlı olup olmadığına karar vermek için özgün ve küçültülmüş bayt sayımlarını karşılaştırın.
Kullanım senaryosu: İşaretlemeyi başka bir biçime sığdırmanız gerektiğinde bir URL, başlık veya yapılandırma değeri için kompakt bir HTML yükü oluşturun.
Kullanım senaryosu: Satır içi CSS ve JavaScript'i HTML ile birlikte küçültün; böylece gömülü bloklar kompakt sonuca dahil edilir.
Kullanım senaryosu: Ortaya çıkan işaretlemeyi ve bayt kazancını inceleyerek farklı kullanılabilir küçültme seçeneklerinin etkisini denetleyin.
Kullanım senaryosu: IE koşullu yorumlarını korurken yorumları ve gereksiz boşlukları kaldırarak HTML'i inceleme veya paylaşma için hazırlayın.