Cara Target.com menggunakan Baseline untuk memodernisasi fitur

Dipublikasikan: 21 November 2025

Secara historis, dukungan browser di Target.com didasarkan pada dukungan utama untuk semua pengguna yang melakukan pembelian di Target.com. Kebijakan ini berubah pada titik keputusan penting, seperti menghentikan dukungan untuk Internet Explorer sepenuhnya, atau menargetkan versi minimum browser tertentu untuk mendapatkan akses ke fitur bernilai tinggi. Hal ini terjadi setiap beberapa tahun sekali jika diperlukan.

Tanpa memiliki kebijakan progresif tentang browser dan fitur yang akan ditargetkan, Target.com hanya mengizinkan fitur modern dalam codebase menggunakan solusi yang berat seperti polyfill dan transpiling ke versi JavaScript yang sangat lama. Saat WebDX Community Group meluncurkan Baseline, pemangku kepentingan di Target.com menganggapnya sebagai waktu yang tepat untuk memikirkan cara menemukan target dukungan minimum yang lebih sesuai.

Dengan Baseline, Target kini dapat mengetahui dengan yakin fitur apa yang tersedia di browser yang didukung, dan dapat mengidentifikasi fitur terbaru yang telah tersedia dengan peningkatan progresif dan polyfill sebagai penggantian yang memungkinkan.

Permasalahan

Puluhan engineer berkontribusi pada kode Target.com setiap harinya. Dalam peninjauan kode, biasanya akan ditunjukkan fitur yang tidak berfungsi dengan versi browser yang didukung Target.com menggunakan Can I use sebagai referensi. Jika engineer terus menerima komentar untuk mengubah kode mereka agar lebih memilih fitur lama daripada fitur modern, maka hasilnya adalah penghindaran fitur web baru. Target kemudian kembali menggunakan teknik "lama" yang berfungsi, tetapi peluang untuk menggunakan fitur modern ditunda ke waktu lain. Penggunaan fitur web modern sering kali memberikan pengalaman developer yang lebih baik, dan juga dapat memberikan pengalaman pengguna yang lebih baik dengan mengirimkan lebih sedikit kode.

Pendekatan berbasis data untuk dukungan browser

Target.com memiliki konfigurasi webpack yang menentukan versi browser minimum yang didukung. Secara historis, sulit untuk membenarkan peningkatan versi browser minimum yang didukung ini. Mulai awal tahun 2025, aturannya adalah:

  • Dua versi Chrome, Edge, dan Firefox saat ini dan sebelumnya.
  • Safari 11 dan yang lebih baru.

Safari ditangani dengan lebih hati-hati karena volume traffic dan penjualan yang tinggi yang diperoleh Target dari Safari di iOS. Awalnya, ada keputusan yang matang untuk menetapkan Safari 11 sebagai versi minimum untuk pengembangan. Keputusan ini menyematkan Target.com ke fitur web yang tersedia pada dan sebelum tahun 2017.

Pada langkah pertama dalam perjalanan Target untuk mengintegrasikan Baseline ke dalam alur kerja pengembangan mereka, pendekatan berbasis data digunakan. Melalui riset, Target menemukan bahwa Safari versi 11 hingga 14 memberikan dampak bisnis yang sangat kecil—khususnya 0,0001% penjualan permintaan di Target.com. Mengingat hal ini, Target menyadari bahwa menghapus transpilation dan polyfill untuk versi browser yang sudah usang ini akan memberikan peluang signifikan untuk meningkatkan performa situs.

Riset tambahan menunjukkan bahwa Safari 15.4 adalah versi Safari pertama yang menghasilkan setidaknya 0,5% penjualan permintaan, dan setiap versi kecil Safari 15 setelahnya memiliki dampak yang serupa. Setiap kali Target menjalankan pengujian A/B, mengubah 0,5% penjualan permintaan sangat berharga, dan mengarah pada kesimpulan bahwa versi Safari minimum yang didukung harus berada di suatu tempat dalam versi 15.

Tren menarik yang kami temukan dalam riset ini adalah seberapa cepat penggunaan browser Safari lama berubah. Mulai September 2024, Safari 15 hanya berkontribusi pada 0,94% penjualan berbasis permintaan di Target.com. Pada Januari 2025, angka ini menjadi 0,67% penjualan berbasis permintaan, pada Mei 2025 menurun lebih lanjut menjadi 0,45%, dan pada November 2025 menjadi 0,32%. Yang dipelajari Target dari hal ini adalah, jika nilai minimum uang sungguhan sebagai persentase penjualan permintaan di seluruh situs ditentukan, dukungan untuk browser ini dapat dihentikan secara otomatis, dan versi utama berikutnya di Safari 16 dapat dicapai pada akhir tahun.

Penghentian dukungan tidak berarti bahwa browser yang tidak didukung diblokir—orang yang menggunakannya mungkin masih dapat menemukan jalur untuk melakukan pembelian, tetapi mereka juga mungkin mengalami pengalaman yang kurang memuaskan dalam beberapa kasus. Dengan terus menggunakan pendekatan berbasis data, setelah perubahan dilakukan, analis melaporkan tidak ada dampak yang terukur pada metrik bisnis. Target juga sedang menyelidiki banner yang ditampilkan di versi browser yang tidak didukung yang memperingatkan tentang penurunan kualitas pengalaman.

Memilih target Dasar untuk Target.com

Engineer web Target membentuk grup kerja Baseline untuk menggabungkan upaya ini guna menggunakan fitur modern dan target bergerak browser yang akan didukung untuk membantu mendorong kebijakan. Dengan menggunakan alat Baseline, mereka melihat set browser minimum setiap tahun. Target terdekat dengan kebijakan baru Target adalah Baseline 2022:

{
  "chrome": "108",
  "edge": "108",
  "firefox": "108",
  "ios": "16",
  "safari": "16"
}

Untuk mencapai Baseline tersebut, Target harus menyesuaikan kebijakan browsernya ke Safari 16 setidaknya, bukan versi 15.4 saat ini. Hal ini akan menurunkan kualitas pengalaman kurang dari 0,5% pembeli yang melakukan konversi. Meski begitu, persentase tersebut terus menurun, sehingga Target berharap dapat memperbarui kebijakan resminya untuk saat ini agar terkait dengan Baseline 2022 pada akhir tahun 2025. Hal ini menempatkan developer Target.com dalam posisi di mana target dapat diubah menjadi sekitar 3 tahun di belakang Baseline yang dipublikasikan setiap tahun.

Secara keseluruhan, paket webpack untuk Target.com lebih kecil karena lebih sedikit transpiling kode dan polyfill yang ditambahkan. Target yakin bahwa target ini akan berubah dari waktu ke waktu, dan semoga, pada waktu yang sama tahun depan, Baseline 2023 dapat diterapkan, yang mencakup banyak fitur hebat seperti kueri penampung, pemilih :has, atribut inert, dan lainnya.

Melihat set fitur Baseline yang lebih baru

Grup kerja Target Baseline tidak berhenti dengan Baseline 2022. Melihat fitur Baseline 2023, banyak di antaranya yang berada di batas kemampuan untuk mendukung tanpa cadangan seperti polyfill. Setiap fitur dalam Baseline 2023 yang diminati Target mengharuskan Target untuk:

  1. Jelaskan fungsi fitur tersebut.
  2. Mendokumentasikan bagaimana penggunaannya dapat meningkatkan kualitas Target.com, termasuk peningkatan kualitas pengalaman developer.
  3. Temukan kasus pengujian yang baik untuk menerapkan fitur dalam codebase Target.com.
  4. Jika perlu, dokumentasikan penggantian yang akan digunakan, termasuk peningkatan progresif, atau solusi lain yang disediakan melalui deteksi fitur.
  5. Terakhir, kapan penggunaan fitur ini diperkirakan akan disetujui? Dapatkah digunakan sekarang? Atau apakah harus menunggu ambang batas tertentu di masa mendatang?

Salah satu contohnya adalah atribut inert. Versi minimum untuk menggunakan inert di Safari adalah 15.5, yang berarti Target.com hampir dapat menggunakannya. Target.com memiliki banyak penerapan modal yang akan mendapatkan manfaat dari atribut ini dibandingkan dengan solusi JavaScript saat ini. Dengan meminta engineer menulis laporan tentang fitur ini, kita dapat berbagi pengetahuan dan bersiap untuk pelonggaran kebijakan browser berikutnya. Hal ini membantu menjelaskan bahwa menghentikan dukungan untuk versi browser yang memberikan sedikit nilai bisnis dapat membuka fitur yang memiliki nilai. Fitur dapat direkayasa, ditinjau, dan di-deploy di bawah tanda fitur, serta siap jika dapat digunakan.

Selain itu, engineer lain akan mengikuti proses yang sama untuk menggunakan kueri container—yang kini tersedia secara luas di Baseline. Kueri penampung dapat digunakan dengan polyfill, tetapi polyfill memiliki masalah performa yang diketahui. Solusi yang dihasilkan Target adalah menggunakan kueri penampung hanya sebagai peningkatan progresif hingga minimum browser meningkat untuk mendukung fitur sepenuhnya.

Proses ini berfungsi dengan baik untuk Target.com, karena saat versi minimum fitur digunakan secara memadai, peningkatan progresif tidak lagi diperlukan, dan fitur dapat digunakan. Selama audit baru-baru ini, ditemukan bahwa Target.com mengirimkan begitu banyak polyfill yang tidak perlu sehingga penerapan Baseline ke dalam aplikasi mereka dapat membantu mengendalikan utang teknis semacam ini.

Mengorelasikan konsep Dasar Pengukuran dengan performa web

Performa penting untuk situs retail mana pun. Salah satu keyakinan yang dimiliki oleh developer yang mengerjakan Target.com adalah bahwa terlalu banyak JavaScript yang dikirim. Jika 5% paket JavaScript yang dikirimkan kepada pengguna dihilangkan, hal ini merupakan pencapaian yang besar—tetapi juga tidak meningkatkan Data Web Inti secara signifikan di Target.com. Namun, jika Target melakukan hal ini 10 kali, ukuran paket akan berkurang 50%, dan hal ini akan berkontribusi secara signifikan terhadap tujuan performa Target.

Terkait pendekatan Target terhadap Baseline, hal ini memungkinkan engineer di Target.com mulai memikirkan jumlah JavaScript yang diandalkan untuk hal-hal seperti modal, kebutuhan aksesibilitas, popover, carousel, accordion, dan masalah umum pengalaman pengguna lainnya. Setiap hal ini memerlukan polyfill atau solusi JavaScript kustom yang berkontribusi pada pembengkakan JavaScript aplikasi. Karena Target menggunakan Baseline, target browser berkembang dari waktu ke waktu, dan kebijakan untuk menyertakan fitur yang lebih baru dapat dilonggarkan. Target berharap untuk mentranspilasi lebih sedikit kode dari waktu ke waktu, mengisi lebih sedikit fitur, dan bahkan mengadopsi komponen web saat peluang muncul. Dengan memperhatikan polyfill dan browser target yang dikirimkan dalam toolchain project, ukuran paket JavaScript Target.com telah berkurang sebesar 10%. Hal ini dilakukan sebelum mengadopsi fitur yang lebih baru. Hal ini akan meningkat dari tahun ke tahun, dan hal ini berkorelasi langsung dengan taruhan besar yang dilakukan Target dalam peningkatan performa untuk Target.com.

Poin-poin penting

Memiliki target Dasar dan laporan Dasar yang dikurasi dengan sangat baik tentang fitur web yang Baru tersedia dan Tersedia luas telah menjadi alat yang efektif bagi Target.com. Berikut beberapa hasil utamanya:

  • Target browser telah beralih dari mendukung browser yang dirilis 8 tahun lalu menjadi 3 tahun lalu.
  • Target dasar pengukuran Baseline 2022 akan tercapai pada akhir tahun 2025.
  • Ukuran total paket JavaScript Target.com telah dikurangi sebesar 10%.
  • Penggunaan browser lama yang memberikan kurang dari 1% bisnis akan berkurang dengan kecepatan sekitar 300% per tahun (0,94% pada September 2024 menjadi 0,32% pada November 2025).

Kesadaran bahwa web bergerak lebih cepat dari sebelumnya telah mendorong Target untuk mengadopsi fitur secepat mungkin. Mengatur fitur ini memungkinkan pekerjaan dan perencanaan lanjutan saat Target membuka setiap fitur, dan memberi mereka keyakinan untuk memercayai engineer mereka yang berkontribusi ke situs retail besar untuk mengetahui fitur mana yang harus digunakan dan kapan mereka dapat menggunakannya.