Zero-JS Web Applications: Mitos atau Kenyataan yang...

Tren Mengirimkan Megabyte JavaScript ke Pengguna

Rata-rata halaman web modern saat ini mengirimkan lebih dari 2.5 MB JavaScript terkompresi. Browser mobile kelas menengah ke bawah harus menghabiskan daya baterai dan waktu pemrosesan CPU berharga hanya untuk mengurai (parse & evaluate) tumpukan skrip tersebut sebelum pengguna bisa mengklik sebuah tautan.

Gerakan Zero-JS lahir sebagai kritik konstruktif terhadap obesitas dependensi web masa kini.

Apa yang Bisa Dilakukan Tanpa JS di 2026?

Dialog & Modal: Elemen HTML native <dialog> dengan method showModal() dan pseudoclass ::backdrop.
Accordion & Dropdown: Elemen <details> dan <summary> dengan animasi transisi CSS interpolate-size: allow-keywords.
Validasi Form: Menggunakan atribut required, pattern, min, dan maxlength dengan styling pseudo-class :invalid dan :user-valid.
Theme Toggling: Memanfaatkan color-scheme: light dark dan CSS selector :has().

<details class="accordion-item">
  <summary class="cursor-pointer font-bold p-3 bg-zinc-900 rounded-xl">
    Apakah web ini memerlukan JavaScript?
  </summary>
  <div class="p-4 text-zinc-400 text-sm">
    Tidak sama sekali untuk fungsi baca dan interaksi dasar dokumen!
  </div>
</details>

Kesimpulan

Zero-JS bukan berarti anti-teknologi, melainkan prinsip Progressive Enhancement: gunakan standar web sejati sebagai pondasi utama, dan tambahkan JavaScript hanya untuk fitur yang mutlak memerlukannya.