Dipublikasikan: 20 Mei 2025
Jika fitur platform web diimplementasikan di setiap browser, fitur tersebut akan menjadi Baseline Baru tersedia. Setelah 30 bulan, fitur tersebut akan menjadi Baseline Tersedia luas, yang merupakan nilai minimum yang memungkinkan sebagian besar situs dapat mengadopsi fitur tanpa masalah kompatibilitas. Panduan ini menjelaskan cara menggunakan Baseline, dan cara memilih target Baseline menggunakan data yang tersedia dari pengguna situs Anda.
Apa yang dimaksud dengan target Baseline?
Target Baseline adalah pengelompokan fitur web yang dapat dipilih developer untuk didukung, berdasarkan status Baseline-nya. Ada dua jenis target Baseline: target bergerak dan target tetap.
Target bergerak, seperti Baseline Tersedia luas atau Baseline Baru tersedia, adalah target yang kumpulan fiturnya dapat berubah dari waktu ke waktu. Target bergerak cocok jika Anda ingin kumpulan fitur yang didukung berkembang secara otomatis saat versi browser baru dirilis.
Target tetap adalah target yang kumpulan fiturnya tidak berubah dari waktu ke waktu. Secara umum, target tetap didasarkan pada tahun kalender. Misalnya, Baseline 2023 adalah target tetap yang berisi kumpulan fitur web yang menjadi Baseline Baru tersedia pada tahun 2023. Baseline 2023 tidak akan menyertakan fitur yang menjadi Baseline setelah tahun 2023, yang berarti kumpulan fitur Baseline 2023 tidak pernah berubah.
Target tetap cocok jika prediktabilitas dan determinisme sangat penting, tetapi target tersebut dapat menjadi tidak berlaku dari waktu ke waktu. Jadi, saat menggunakan target tetap, sebaiknya evaluasi ulang target Anda secara rutin.
Mengapa harus memilih target?
Adopsi fitur di web terhambat karena masalah kompatibilitas—dan hal tersebut menghambat web untuk menjadi sebaik yang seharusnya. Baseline tidak hanya memberikan kejelasan pada pertanyaan tentang dukungan fitur di browser, tetapi juga dapat membantu dalam menjelaskan pertanyaan tentang kapan Anda dapat menggunakan fitur tertentu. Dengan memilih target yang mencerminkan audiens dan persyaratan Anda, Anda dapat merasa yakin menggunakan fitur dalam grup target tersebut—tanpa perlu memeriksa fitur satu per satu.
Menggunakan data untuk memilih target Baseline
Mengetahui target Baseline yang tepat untuk dipilih harus, jika memungkinkan, menjadi keputusan berbasis data. Jika Anda memiliki data di depan Anda, target yang akan dipilih akan menjadi keputusan yang lebih mudah dan lebih tepat.
Jika memiliki data Pemantauan Pengguna Real-Time untuk situs Anda, Anda dapat mempelajari cara target Baseline dipetakan ke pengguna Anda. Misalnya, jika Anda menggunakan Google Analytics, cara gratis untuk mendapatkan informasi ini adalah dengan menggunakan Pemeriksa Baseline Google Analytics.
Untuk menggunakan alat ini, Anda harus melakukan autentikasi menggunakan Akun Google dan mengizinkan alat tersebut memiliki izin hanya baca untuk melihat data Google Analytics Anda. Dari sana, pilih properti Google Analytics yang datanya ingin Anda buat untuk target Baseline. Setelah menyelesaikan langkah-langkah ini, Anda akan menerima output yang mirip dengan berikut ini:
Kami mulai melihat alat lain menerapkan dukungan untuk Baseline, yang dapat memberi Anda tampilan dinamis tentang seberapa banyak audiens Anda mendukung target tertentu. Misalnya, RUMvision menyertakan dasbor yang menunjukkan seberapa banyak audiens Anda memiliki dukungan untuk setiap tahun Baseline.
Bagaimana jika penyedia RUM atau analisis saya belum memiliki laporan target Baseline?
Jika Anda menggunakan alat RUM atau analisis yang belum menyediakan laporan target Baseline, tetapi memiliki data tentang versi browser, Anda dapat menggabungkan data dunia nyata dengan pemetaan versi browser dari modul baseline-browser-mapping. Modul ini menyediakan fungsi Javascript - getAllVersions() - yang memetakan browser berdasarkan nama dan versi ke tahun Baseline dan status dukungan untuk Tersedia luas. Pemetaan ini dapat diberikan sebagai array, objek dengan kunci, atau sebagai CSV. Misalnya, Pemeriksa Baseline Google Analytics menggunakan modul ini untuk menggabungkan data analisis dengan target Baseline.
Output fungsi ini juga tersedia sebagai file JSON atau CSV yang dihosting dan diperbarui setiap hari. File all_versions_with_supports.csv berisi data yang dapat Anda cocokkan dengan data versi browser penyedia analisis Anda dengan kolom berikut:
browser: nama browser seperti yang digunakan dibaseline-browser-mappingversion: versi browser. Beberapa browser hanya menggunakan nomor versi utama, yang lain menggunakan nomor versi major.minor.year: kumpulan fitur tahun Baseline yang didukung oleh versi browser ini. Jika versi browser dirilis sebelum dukungan Baseline dapat ditentukan pada Juli 2015, kolom ini akan berisipre_baselinesupports: kolom ini berisiwidelyataunewlyuntuk versi browser yang mendukung kumpulan fitur tersebut, dan kosong untuk versi yang tidak mendukung salah satu kumpulan fitur tersebut. Semua versi browser yang mendukung Baru tersedia juga mendukung Tersedia luas.release_date: tanggal versi browser ini dirilis, jika tersedia.engine: Nama mesin untuk browser yang berada di downstream browser Baseline inti. Hanya browser berbasis Blink yang disertakan, tetapi mesin browser lain dapat diwakili di masa mendatang.engine_version: versi Chromium yang diimplementasikan oleh versi browser ini. Hal ini digunakan untuk menentukan kumpulan fitur Baseline yang didukung oleh versi downstream.
File ini sering diperbarui saat versi browser baru dirilis dan status dukungan browser yang berbeda berubah. Pastikan Anda memperbarui data setiap hari.
Bagaimana jika saya tidak memiliki data dukungan dari pengguna sebenarnya?
Anda mungkin berada dalam situasi saat tidak dapat memperoleh data pengguna sebenarnya terkait fitur yang merupakan Baseline. Kabar baiknya adalah Anda bisa mendapatkan gambaran umum dukungan untuk berbagai target Baseline melalui Insight Arsip RUM, bahkan memungkinkan Anda memfilter hingga tingkat negara. Meskipun data ini tidak akan spesifik untuk pengguna situs Anda. Ini adalah alat informasi umum yang menunjukkan bahwa asumsi berikut umumnya aman:
- Target Baseline yang lebih baru—seperti tahun ini atau tahun sebelumnya—kemungkinan memiliki dukungan paling sedikit di antara pengguna Anda. Namun, seperti target Baseline lainnya, target ini akan memiliki dukungan yang lebih baik seiring berjalannya waktu.
- Target Baseline yang lebih lama—terutama Baseline Tersedia luas—akan didukung dengan baik. Jika ragu, Tersedia luas adalah target yang sangat baik dan berkembang seiring berjalannya waktu selama periode 30 bulan.
- Bahkan target Baseline yang lebih lama—yang jauh melampaui periode 30 bulan Tersedia luas—akan memiliki dukungan terbaik. Meskipun Tersedia luas adalah target default yang baik, kasus penggunaan khusus yang memerlukan SLA ketat.
Kemungkinan besar, meskipun Anda memilih target Baseline yang berusia lebih dari lima tahun, Anda dapat mengadopsi fitur yang tidak Anda gunakan saat ini. Dalam skenario terbaik, Anda mungkin sudah menggunakan fitur ini, tetapi dengan polyfill yang mungkin tidak Anda perlukan.
Bagaimana cara menerapkan target Baseline yang dipilih dalam project saya?
Browserslist adalah metode yang umum digunakan untuk menargetkan browser yang ingin Anda dukung. Metode ini digunakan dalam bundler dan alat terkait lainnya seperti Babel dan PostCSS untuk memutuskan apakah bagian kode tertentu perlu diubah atau bahkan diisi dengan polyfill.
Sekarang Anda dapat menggunakan Baseline dengan Browserslist sehingga, saat memilih target Baseline, Anda dapat menentukannya sebagai kueri Browserslist yang valid. Hal ini memastikan bahwa alat dalam project Anda mengubah kode sesuai dengan target yang telah Anda pilih. Untuk mengetahui informasi selengkapnya, baca Menggunakan Baseline dengan Browserslist untuk mengetahui informasi selengkapnya.
Bagaimana dengan fitur yang tidak memenuhi target Baseline saya?
Setelah memilih target Baseline, Anda mungkin memiliki fitur yang ingin digunakan, tetapi tidak termasuk dalam target tersebut. Baseline tidak memberi tahu Anda apa yang harus dilakukan di sini, dan apakah Anda ingin mempertimbangkan untuk menggunakan fitur ini bergantung pada jenis situs yang Anda buat dan audiens yang diharapkan.
Misalnya, situs e-commerce atau B2B mungkin bersedia memiliki nilai minimum dukungan yang lebih rendah dan menangani masalah saat pengguna mendukungnya, sedangkan situs pemerintah mungkin memerlukan nilai minimum dukungan yang tinggi. Satu aturan praktis yang penting di sini adalah bahwa tidak semua fitur web gagal dengan cara yang sama. Ada banyak cara untuk mengategorikan fitur berdasarkan cara fitur tersebut gagal, tetapi salah satu cara untuk mengelompokkan fitur yang mungkin berguna adalah sebagai berikut:
- Peningkatan: Jika fitur digunakan di browser yang tidak didukung, pengalaman tidak akan rusak. Pengalaman mungkin akan menurun, tetapi mungkin tidak akan terlihat oleh pengguna. Contoh:
loading="lazy". - Aditif: Fitur ini memberikan beberapa manfaat aditif yang mungkin terlihat—seperti perubahan dalam gaya halaman atau beberapa fungsi. Perbedaan mungkin tidak terlihat oleh pengguna jika fitur tidak didukung, kecuali jika dibandingkan di browser yang mendukungnya. Contoh: Subgrid
- Kritis: Jika fitur tidak didukung, pengguna akan memiliki pengalaman pengguna yang negatif—bahkan mungkin pengalaman yang benar-benar rusak. Contoh: File System Access API digunakan sebagai fitur pusat dan penting.
Anda mungkin juga menemukan bahwa fitur tertentu di luar target Anda memiliki dukungan yang lebih baik dari yang Anda kira. Anda dapat memahami berapa banyak pengguna yang memiliki dukungan untuk fitur tertentu. Can I Use memiliki kemampuan untuk memeriksa dukungan untuk setiap fitur terhadap data analisis Anda. RUMvision juga memiliki kemampuan untuk mempelajari dan menjelajahi data tingkat fitur jika hal tersebut bermanfaat bagi Anda.
Dengan cara ini, Anda dapat menggunakan target Baseline untuk mengurangi jumlah fitur yang perlu Anda pertimbangkan dengan cermat. Anda tidak perlu khawatir tentang semua hal yang ada dalam target Anda. Jika ada satu atau dua fitur di luar target Anda yang akan sangat berguna—Anda memiliki alat untuk menjelajahi lebih lanjut dan memutuskan apakah akan menggunakan polyfill atau menggunakannya sebagai peningkatan progresif.
Kesimpulan
Setiap aplikasi web memiliki persyaratan yang berbeda-beda—mulai dari situs e-commerce yang dapat mentoleransi lebih banyak masalah ketidakcocokan, hingga situs pemerintah yang harus tersedia dan beroperasi untuk sebanyak mungkin pengguna. Ini adalah perhitungan yang harus Anda lakukan sendiri, dan bukan tujuan Baseline untuk memberi tahu Anda keputusan apa yang harus diambil saat mengadopsi fitur web baru, tetapi lebih merupakan masalah bagaimana.