HTML Minifier (HTML Küçültücü)

HTML'i yapıştırın; yorumları ve gereksiz boşlukları kaldırın, satır içi CSS ve JavaScript'i küçültün. <pre> ve <textarea> içindeki içerik tam olarak yazıldığı gibi bırakılır.

Tarayıcınızda çalışırKayıt gerekmezHiçbir şey yüklenmez

Küçültülmüş çıktı

HTML Minifier nasıl kullanılır?

  1. Bir HTML belgesi veya parçası yapıştırın ya da bir .html dosyası açın.
  2. Neyin kaldırılacağını seçin: yorumlar, boşluklar ve satır içi <style> ile <script> bloklarının da küçültülüp küçültülmeyeceği.
  3. Uyarı satırını kontrol edin: sözdizimi hatası olan satır içi bir script, sayfanızı bozmak yerine olduğu gibi bırakılır.
  4. Küçültülmüş HTML'i kopyalayın veya indirin.

Neler kaldırılır?

  • Yorumlar: Internet Explorer koşullu yorumları ve <!--! ile başlayan yorumlar dışında <!-- … --> kaldırılır.
  • Blok öğeler arasındaki boşluklar: <div>, <li> veya <head> gibi etiketler arasındaki satır sonları ve girintiler hiçbir zaman görüntülenmez, bu yüzden tamamen silinir.
  • Metindeki ardışık boşluklar: tek bir boşluğa indirilir; tarayıcı zaten bunları tam olarak böyle görüntüler.
  • Etiketlerin içindeki boşluklar: <p class = "a">, <p class="a"> hâline gelir.

Neler korunur?

Bazı yerlerde boşluklar anlamlıdır ve küçültücü bunlara saygı gösterir. <pre> ve <textarea> içeriği bayt bayt korunur. <b>bold</b> text gibi satır içi öğeler arasındaki tek boşluk, kaldırılması kelimeleri birleştireceği için korunur. Öznitelik değerleri ve tırnaklar asla değiştirilmez.

Satır içi CSS ve JavaScript

Satır içi <style> blokları CSSO ile, satır içi <script> blokları ise Terser ile optimize edilir; bunlar CSS minifier ve JavaScript minifier sayfalarında kullanılan motorların aynısıdır. JSON-LD ve diğer JSON script blokları sıkıştırılır, bilinmeyen türdeki script'ler (örneğin şablonlar) ise olduğu gibi bırakılır.

HTML küçültmeye değer mi?

Sunucu tarafında oluşturulan sayfalarda ve statik sitelerde tarayıcının ilk indirdiği şey HTML belgesidir; bu yüzden kazanılan her bayt ilk görüntülemeye kadar geçen süreyi kısaltır. Sıkıştırma öncesinde %10–25 tasarruf yaygındır; yoğun girintili şablonlarda ve büyük satır içi script'ler içeren sayfalarda daha da fazlası.

Sıkça sorulan sorular

HTML'i küçültmek sayfamın görünümünü değiştirir mi?
Hayır. Yalnızca tarayıcının zaten daraltacağı boşluklar kaldırılır ve <pre>/<textarea> içeriğine dokunulmaz. Öğeleri CSS'te white-space: pre ile biçimlendiriyorsanız Boşlukları daralt seçeneğini kapatın.
Satır içi JavaScript ve CSS'i de küçültüyor mu?
Evet, ilgili seçenekler açıksa. Satır içi bir blokta sözdizimi hatası varsa blok olduğu gibi bırakılır ve bir uyarı gösterilir; böylece sayfa asla bozulmaz.
Handlebars, Jinja veya Blade gibi şablon dosyalarını küçültebilir miyim?
Şablon etiketleri metin veya öznitelik değerleri içinde yer aldığı sürece genellikle evet. Etiket adlarının içine veya öznitelikler arasına mantık koyan şablonlar elle kontrol gerektirebilir.
HTML'im bir yere gönderiliyor mu?
Hayır. Her şey tarayıcınızda yerel olarak işlenir.

İlgili araçlar

CSS Minifier Stil dosyalarını küçültün: değerleri kısaltın, kuralları birleştirin. JavaScript Minifier JS'i Terser ile sıkıştırın; boyut ve gzip istatistikleriyle. HTML Entity Encoder / Decoder HTML özel karakterlerini kaçışlayın veya &entity;'leri çözün. URL Encode / Decode Metni yüzde kodlamayla kodlayın/çözün, sorgu dizelerini ayrıştırın.