Lewati ke konten
🛠️ToolsShed

Minifier HTML

Hapus spasi, komentar, dan tag opsional dari HTML untuk mengurangi ukuran file.

Tentang alat ini

Minifikasi HTML adalah proses menghapus karakter yang tidak perlu dari kode HTML tanpa mengubah fungsinya. Ini termasuk menghapus spasi, baris baru, komentar, dan tag penutup yang berlebihan yang dapat disimpulkan oleh browser secara otomatis. Dengan mengurangi ukuran file, minifikasi meningkatkan waktu muat halaman, mengurangi konsumsi bandwidth, dan meningkatkan kinerja keseluruhan—manfaat yang berdampak langsung pada pengalaman pengguna dan peringkat SEO.

Untuk menggunakan minifier HTML ini, cukup tempel kode HTML Anda ke area input dan klik tombol Minify. Alat ini secara otomatis menghapus spasi dan komentar yang tidak perlu sambil mempertahankan struktur semantik markup Anda. Output yang diminifikasi ditampilkan secara instan dan siap untuk disalin, menjadikannya ideal untuk penerapan produksi di mana setiap kilobyte penting.

Minifikasi HTML sangat berharga untuk situs statis, aplikasi satu halaman, dan proyek di mana ukuran kode mempengaruhi biaya hosting. Alat ini menghormati gaya dan atribut inline sambil membersihkan struktur keseluruhan, menjadikannya aman untuk browser modern dan lama. Jika Anda menggunakan alat build seperti webpack atau Vite, mereka sering kali menyertakan minifikasi secara otomatis, tetapi alat ini sempurna untuk optimasi cepat atau mempelajari cara kerja minifikasi.

Pertanyaan yang Sering Diajukan

Implementasi Kode

# pip install htmlmin
import htmlmin

html = """<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Page title -->
    <title>My Page</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-- Main content -->
    <header>
      <h1>Hello, World!</h1>
      <nav>
        <a href="/">Home</a>
        <a href="/about">About</a>
      </nav>
    </header>
    <main>
      <p>
        Welcome to my website.
        This is a paragraph with extra   whitespace.
      </p>
    </main>
  </body>
</html>"""

minified = htmlmin.minify(
    html,
    remove_comments=True,
    remove_empty_space=True,
    reduce_boolean_attributes=True,
)
print(minified)

original_size = len(html.encode("utf-8"))
minified_size = len(minified.encode("utf-8"))
print(f"Original: {original_size} bytes")
print(f"Minified: {minified_size} bytes")
print(f"Savings:  {100 - minified_size / original_size * 100:.1f}%")

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.