Pemampat HTML

HTML yang dimampatkan

HTML yang ditulis manusia (atau dijana oleh page builder) penuh dengan inden, baris baharu dan komen. Pelayar tidak memerlukannya. Pemampat HTML membuang aksara yang tidak perlu sambil memastikan halaman berfungsi sama, dan menunjukkan aksara HTML sebelum dan aksara HTML yang dimampatkan selepas.

Fail yang lebih kecil dimuat turun lebih cepat, terutamanya pada data mudah alih. Ia juga berguna untuk templat e-mel HTML, yang mempunyai had saiz dalam sesetengah aplikasi e-mel.

Cara memampat HTML

1. Tampal kod HTML anda.
2. Hantar untuk memampatnya.
3. Bandingkan jumlah aksara.
4. Salin HTML yang dimampatkan dan uji halaman sebelum diterbitkan.

Contoh

Halaman kecil

Input:

<!DOCTYPE html>
<html>
  <head>
    <title> My page </title>
  </head>
  <body>
    <!-- main nav -->
    <p class="intro">
      Hello   <b>world</b>
    </p>
  </body>
</html>

Output:

<!DOCTYPE html><html><head><title>My page</title><body><p class=intro>Hello <b>world</b>

Kegunaan biasa

• Mengecilkan templat laman statik.
• Mengurangkan saiz e-mel HTML.
• Mengoptimumkan halaman pendaratan untuk Core Web Vitals.
• Membenamkan cebisan HTML dalam kod.

Petua berguna

• Simpan fail asal yang mudah dibaca. Kod yang dimampatkan sukar diedit.
• Ruang dalam <pre> dan <textarea> penting; semak bahagian itu selepas memampat.
• Gmail memotong e-mel melebihi kira-kira 102 KB, jadi memampat e-mel HTML yang besar boleh mengelakkannya.
• Mampatkan juga gaya dan skrip dengan pemampat CSS dan pemampat JS.

Soalan lazim

Apa yang dilakukan oleh minify HTML?

Ia membuang aksara yang tidak diperlukan pelayar, seperti ruang berlebihan, baris baharu dan komen, jadi fail menjadi lebih kecil.

Bolehkah memampat merosakkan halaman?

Jarang, tetapi kandungan yang sensitif kepada ruang dan skrip sebaris boleh terjejas. Sentiasa uji versi yang dimampatkan.

Adakah HTML yang dimampatkan membantu SEO?

Secara tidak langsung. Halaman lebih pantas memperbaik pengalaman pengguna dan Core Web Vitals. Enjin carian membaca HTML dimampatkan seperti biasa.

Berapa banyak HTML saya akan mengecil?

Bergantung pada jumlah ruang dan komen. Kod yang banyak inden biasanya mengecil 10 hingga 30 peratus.

Alat berkaitan

• Pemampat CSS: Mampatkan kod CSS.
• Pemampat JavaScript: Mampatkan kod JavaScript.
• Pembuang Tag HTML: Buang tag HTML dan dapatkan teks biasa.
• Penukar Entiti HTML: Encode atau decode entiti HTML.
• Kalkulator Saiz Teks: Kira saiz teks dalam bait.