[Tutorial] Cara Mengurangi JavaScript yang Kamu Ship dengan Baseline

On: Aug 31, 2026 / By: admin / Categories: Used before category names. IT Infrastructure

Di aplikasi JavaScript menengah, sering ada 60–90 KB dependency (sudah minified dan gzipped) yang sebenarnya sudah bisa ditangani browser secara native. Date dan number formatting, HTTP requests, modals, tooltips, deep cloning, hingga grouping array — beberapa tahun lalu semua ini memang perlu library, tapi sekarang platform web sudah bisa melakukannya sendiri.

Baseline adalah proyek dari WebDX Community Group yang menunjukkan kapan sebuah fitur web sudah aman digunakan di browser utama (Chrome, Edge, Firefox, Safari). Terdapat tiga status: Limited availability (belum di semua engine), Baseline Newly available (baru ada di semua engine, device lama mungkin belum), dan Baseline Widely available (sudah ada di semua engine selama 30 bulan — boleh pakai tanpa khawatir).

Untuk audit package.json, cara yang disarankan adalah bekerja dalam cluster, bukan satu-satu. cluster internationalization menghasilkan penghematan terbesar karena fitur Intl sudah Widely Available: timeago.jsIntl.RelativeTimeFormat, pluralizeIntl.PluralRules, numeralIntl.NumberFormat, humanize-durationIntl.DurationFormat, dan helper penggabungan list → Intl.ListFormat.

Sebelum memanggil library apa pun, tanyakan tiga hal: (1) Apakah pengganti sudah Baseline-safe untuk audience kamu? (2) Berapa biaya swap-nya — apakah polyfill malah lebih berat dari library yang dihapus? (3) Apakah fitur platform benar-benar mencakup use case aslimu? Untuk mengecek sendiri, buka webstatus.dev, lihat badge Baseline di MDN, atau gunakan paket npm web-features untuk audit secara programmatic.

Sumber asli: Smashing Magazine

Leave a reply

WordPress Appliance - Powered by TurnKey Linux