HTML Sıkıştırıcı

HTML Sıkıştırıcı, HTML kodundaki gereksiz boşlukları, satır sonlarını ve yorumları temizleyerek dosya boyutunu düşürür.

HTML'de boşluk her zaman gereksiz değildir

Bu, HTML sıkıştırmayı CSS ve JavaScript sıkıştırmadan ayıran temel farktır ve bilinmezse görsel bozulmalara yol açar.

HTML'de etiketler arasındaki boşluk bazen görünür bir sonuç üretir. Yan yana dizilmiş kutu benzeri öğeler arasında, aralarındaki satır sonundan kaynaklanan bir boşluk oluşur. Bu boşluk kaldırıldığında öğeler birbirine yapışır ve tasarım kayar.

Aynı şekilde metin içindeki bağlantıların ve vurgulu kelimelerin çevresindeki boşluklar silinirse kelimeler birleşir.

Dokunulmaması gereken bölümler

• Biçimlendirilmiş metin blokları kod örnekleri gibi, boşlukların birebir korunduğu alanlar.
• Metin alanları içindeki boşluk ve satır sonları kullanıcıya gösterilen değerin parçasıdır.
• Betik ve stil blokları kendi kuralları vardır; yanlış temizlik kodu bozar.
• Koşullu yorumlar bazı eski tarayıcı uyumluluk yorumları işlevseldir, silinmemelidir.

Kazanç ne kadar?

Sıkıştırmanın tek başına sağladığı kazanç genellikle sanılandan azdır, çünkü sunucular sayfaları zaten sıkıştırılmış olarak gönderir ve o sıkıştırma tekrar eden boşlukları çok verimli işler.

Yine de kazanç sıfır değildir ve sunucu sıkıştırmasıyla birlikte çalışır. Ancak sayfa hızın için asıl kazanç görseller, betikler ve yazı tiplerindedir HTML sıkıştırma listenin başında değil sonundadır.

Nasıl sıkıştırılır?

1. HTML kodunu giriş alanına yapıştır.
2. Sıkıştırmayı başlat.
3. Çıktıyı bir kopya sayfada açıp görsel olarak karşılaştır.

Kontrol edilmesi gerekenler

Sıkıştırılmış çıktıyı doğrudan yayına alma. Önce tarayıcıda aç ve özellikle yan yana duran öğelerin aralıklarını, bağlantı çevresindeki boşlukları ve form alanlarının içeriğini kontrol et.

Sıkça sorulan sorular

Tasarımım neden kaydı?

Etiketler arasındaki boşluklar silinmiş olabilir; bu boşluklar bazı yerleşimlerde görünür sonuç üretir.

Yorumlar silinmeli mi?

Çoğu silinebilir, ancak işlevsel olan koşullu yorumlar korunmalıdır.

Ne kadar kazanç sağlar?

Sunucu sıkıştırması zaten devredeyse kazanç ölçülüdür.

Çıktıyı sonradan düzenleyebilir miyim?

Düzenleme. Kaynak dosyanı koru, sıkıştırmayı yayın adımında yap.

İlgili araçlar

Stil dosyaları için CSS Sıkıştırıcı, etiketleri tamamen kaldırmak için HTML Etiketlerini Kaldırma sayfalarını kullanabilirsin.