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

HTML Sıkıştırıcı, HTML kodunuzdaki 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ız 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 kodunuzu giriş alanına yapıştırın.
2. Sıkıştırmayı başlatın.
3. Çıktıyı bir kopya sayfada açıp görsel olarak karşılaştırın.

Kontrol edilmesi gerekenler

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

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üzenlemeyin. Kaynak dosyanızı koruyun, sıkıştırmayı yayın adımında yapın.

İ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ı kullanabilirsiniz.