Pendekatan berbasis data T-Mobile terhadap performa web menghasilkan penurunan masalah situs pengguna sebesar 20% dan peningkatan rasio kunjungan ke pesanan sebesar 60%.

Lucas Miré
Lucas Miré
LinkedIn
David Lee
David Lee
LinkedIn
Tee Yeow
Tee Yeow
LinkedIn
Bill Dinger
Bill Dinger
LinkedIn

Dipublikasikan: 19 Maret 2025

T-Mobile adalah perusahaan telekomunikasi terkemuka di Amerika Serikat, yang menawarkan cakupan jaringan yang luas dan konektivitas 5G yang cepat.

Dengan menganalisis vital web pengguna sebenarnya, T-Mobile menyadari bahwa peningkatan pada Data Web Inti dapat secara signifikan memengaruhi pengalaman pengguna dan metrik bisnis.

Dalam upaya berkelanjutan untuk meningkatkan kualitas kehadiran digitalnya, T-Mobile meningkatkan Data Web Inti situsnya—terutama Largest Contentful Paint (LCP)—untuk meningkatkan pengalaman pengguna, dan akibatnya, meningkatkan metrik bisnis utama.

Meningkatkan kesadaran tentang performa web dengan data

Menyadari meningkatnya kebutuhan untuk memastikan pengalaman pengguna yang luar biasa di seluruh web, tim SEO dan Produk T-Mobile memulai inisiatif bersama yang bertujuan untuk meningkatkan performa situs mereka. Langkah pertamanya adalah menjadikan Data Web Inti sebagai prioritas utama dalam diskusi dengan pemangku kepentingan, sehingga memastikannya diakui sebagai prioritas utama—suatu kesulitan yang biasa dihadapi oleh tim pengembangan di banyak perusahaan.

Untuk mengatasi masalah ini, T-Mobile beralih ke strategi berbasis data. Dengan sepenuhnya menyadari bahwa data lab dari Lighthouse dan data dari Laporan UX Chrome (CrUX) hanya dapat menawarkan tampilan sebagian dari narasi performa, mereka menggabungkan library JavaScript data web ke dalam properti web T-Mobile untuk langsung mengambil dan menganalisis data performa—yang dikenal sebagai data lapangan—dari pengguna sebenarnya.

Dengan mengintegrasikan data Data Web Inti dari lapangan dengan suite analisis mereka, T-Mobile mendapatkan beberapa titik data yang efektif, termasuk:

  • Dampak terhadap pengalaman pengguna: Pengunjung T-Mobile.com lebih cenderung melakukan pantulan jika halaman memerlukan waktu lebih lama untuk dimuat.
  • Dampak terhadap bisnis: Rasio konversi T-Mobile.com menurun saat halaman memerlukan waktu lebih lama untuk dimuat.
Diagram batang yang menunjukkan penurunan rasio konversi dan peningkatan rasio pantulan saat LCP meningkat dari 2-3 detik menjadi 7 detik.
Dampak terhadap rasio konversi dan pantulan saat LCP melambat secara bertahap di atas 2 detik.

Data tersebut menunjukkan korelasi yang jelas antara performa situs T-Mobile dan metrik bisnisnya.

Dengan memperkirakan dampak pendapatan di seluruh segmen LCP 100 milidetik, tim dapat menarik perhatian para pemimpin, yang memulai tim tugas lintas fungsi untuk meningkatkan performa situs. Dengan menyajikan data yang jelas dan mengukur peluang, tim SEO dan Produk T-Mobile secara efektif menyampaikan pentingnya meningkatkan Core Web Vitals.

Menskalakan peningkatan performa web untuk dampak maksimum

Untuk mengatasi tantangan performa secara komprehensif, tim T-Mobile melakukan serangkaian peningkatan teknis dengan mempertimbangkan skalabilitas. Upaya ini difokuskan untuk mengoptimalkan komponen penting dan memanfaatkan teknologi untuk memastikan peningkatan performa yang berkelanjutan di seluruh platform digital mereka.

Dampak pengalaman pelanggan

Upaya untuk meningkatkan performa situs menghasilkan penurunan Largest Contentful Paint (LCP) sebesar 42% secara keseluruhan:

Grafik garis yang menunjukkan pengurangan waktu pemuatan LCP dari waktu ke waktu dengan pengurangan 42% secara keseluruhan.
Peningkatan sebesar 42% pada Largest Contentful Paint

Peningkatan ini memiliki beberapa dampak positif pada pengalaman pengguna, termasuk:

Diagram garis yang menunjukkan penurunan keluhan situs secara keseluruhan dari waktu ke waktu dengan penurunan 20% secara keseluruhan.
Pengurangan sebesar 20% pada keluhan situs pengguna secara keseluruhan.
Grafik garis yang menunjukkan penurunan keluhan situs yang memuat lambat dari waktu ke waktu dengan penurunan 34% secara keseluruhan.
Penurunan sebesar 34% pada keluhan situs yang lambat dimuat.

Dampak bisnis

Waktu pemuatan halaman yang lebih cepat juga berkontribusi pada alur pembelian yang lebih efisien, dengan rasio konversi kunjungan prospek dengan niat belanja meningkat 60% selama periode yang sama.

Grafik garis yang menunjukkan peningkatan rasio kunjungan prospek ke pesanan dari waktu ke waktu dengan peningkatan 60% secara keseluruhan.
Peningkatan 60% pada Rasio Kunjungan Calon Pembeli dengan Minat Belanja ke Pesanan.

Upgrade performa utama yang mendorong T-Mobile maju

Berikut adalah daftar mendetail tentang inisiatif utama dan dampaknya masing-masing:

  • Cache dan pemfaktoran ulang API

    API—termasuk API Produk dan Promosi—di-cache dan difaktorkan ulang untuk meningkatkan waktu respons dan mengurangi beban server. Pemindahan ke Jaringan Penayangan Konten (CDN) untuk pengoptimalan cache berkontribusi secara signifikan terhadap peningkatan ini.

  • Menyimpan aset statis ke dalam cache

    Aset statis—termasuk JavaScript, stylesheet, dan library klien—di-cache untuk mengurangi waktu pemuatan. Penggunaan cache CDN dan setelan cache yang dioptimalkan meningkatkan kecepatan pengiriman dan mengurangi beban server. Pengoptimalan ini memainkan peran penting dalam meningkatkan performa situs secara keseluruhan.

  • Pengoptimalan komponen gambar

    Tim mengoptimalkan komponen gambar dengan mengurangi ukuran gambar, menggunakan format gambar modern seperti WebP, dan menerapkan gambar responsif untuk memastikan kualitas terbaik dengan ukuran file terkecil.

  • Mempramuat dan melakukan pengambilan data sebelumnya pada komponen

    Resource penting dimuat sebelumnya dan diambil sebelumnya untuk memastikan resource tersebut segera tersedia saat diperlukan, sehingga mengurangi waktu tunggu bagi pengguna dan meningkatkan waktu pemuatan halaman.

  • Penautan awal ke domain penting dan peningkatan skrip anti-kelip

    Tim menerapkan pra-koneksi ke domain penting untuk membuat koneksi awal, sehingga mengurangi latensi untuk pengambilan resource. Selain itu, mereka meningkatkan kualitas skrip anti-kelip untuk meminimalkan konten yang berkedip dan memastikan pengalaman pengguna yang lebih lancar.

  • Migrasi platform Adobe Experience Manager (AEM)

    Tim bermigrasi ke versi platform frontend yang lebih baru yang menawarkan kemampuan performa dan peningkatan infrastruktur yang lebih baik.

  • Migrasi komponen angular ke komponen factory AEM

    Komponen Angular dimigrasikan ke komponen factory Adobe Experience Manager (AEM) untuk menyederhanakan arsitektur serta meningkatkan performa dan pemeliharaan.

  • Pengoptimalan halaman landing utama

    Peningkatan ini mencakup pengoptimalan carousel gambar, penggunaan Adobe webSDK, perpanjangan waktu cache untuk media dinamis, kompresi payload, dan pembaruan desain gambar untuk meningkatkan waktu pemuatan dan pengalaman pengguna.

  • Pengurangan error di API

    Tim mengurangi error untuk beberapa halaman e-commerce utama, sehingga memastikan pengiriman data yang lebih andal dan interaksi pengguna yang lebih baik.

Memupuk budaya performa web dengan mendemokratisasi data

Untuk memastikan mereka tetap berkomitmen pada keunggulan performa web, T-Mobile telah menerapkan beberapa langkah utama di seluruh organisasi. Inisiatif ini dirancang untuk mendemokratisasi akses ke data performa, mengedukasi dan melibatkan tim kami, memantau Core Web Vitals secara proaktif, dan menerapkan standar performa untuk semua rilis kode. Strategi berikut menguraikan cara mereka mengembangkan budaya performa web dengan membuat data dapat diakses, mendorong pembelajaran berkelanjutan, dan membangun praktik tata kelola yang andal.

  • Demokrasi data Core Web Vitals

    T-Mobile menggunakan dasbor Looker Studio yang andal untuk membuat data performa dapat diakses oleh semua anggota organisasi. Selain itu, wiki performa web yang komprehensif memandu anggota tim dalam menafsirkan dan menggunakan laporan Core Web Vitals secara efektif.

    Dasbor Looker Studio T-Mobile yang menunjukkan penurunan LCP dari waktu ke waktu menjadi 2,22 detik, dan peningkatan halaman yang memenuhi skor baik.
    Dasbor Looker Studio T-Mobile yang menampilkan metrik Core Web Vitals secara real time.

    Dari kiri ke kanan, ini menunjukkan:

    • Speedometer: Persentil ke-75 dari semua peristiwa LCP yang dicatat selama rentang tanggal yang dipilih.
    • Grafik garis: Tren harian skor persentil ke-75 di seluruh rentang tanggal yang dipilih.
    • Diagram lingkaran: % distribusi rating Baik, Perlu Peningkatan, dan Buruk selama rentang tanggal yang dipilih.
    • Grafik garis bertumpuk: Tren harian distribusi % rating Baik, Perlu Peningkatan, dan Buruk selama rentang yang dipilih.

  • Pendidikan dan interaksi berkelanjutan

    Pengelola Produk dan SEO secara rutin menyelenggarakan roadshow performa web dan sesi transfer pengetahuan. Inisiatif ini mengedukasi dan melibatkan tim yang lebih luas, sehingga mendorong komitmen berkelanjutan untuk keunggulan performa web.

  • Sistem pemberitahuan untuk Core Web Vitals

    Sistem pemberitahuan telah dibuat untuk memantau Data Web Inti untuk berbagai grup halaman. Saat Data Web Inti mencapai nilai minimum dasar pengukuran tertentu, pemberitahuan email akan otomatis dikirim ke pemangku kepentingan yang relevan.

  • Persyaratan performa untuk rilis kode

    T-Mobile juga telah menetapkan persyaratan performa untuk rilis kode. Halaman harus memenuhi tingkat performa tertentu di Lighthouse sebelum dapat diluncurkan, sehingga memastikan standar performa web yang tinggi tetap terjaga.

Dengan menerapkan langkah-langkah ini, T-Mobile dapat memastikan bahwa performa web tetap menjadi prioritas dan terus memupuk budaya peningkatan berkelanjutan.

Ucapan terima kasih

Terima kasih kepada semua orang yang telah bekerja pada performa situs T-Mobile dan studi kasus ini: Kevin Lau, Monique Misrahi, Bill Dinger, Laura Mathisen, Suresh Gundu, Duke Fong, Amir Mohammadi, Liang Yeh, Jennifer Panke, Julia Edgar, Ejaz Malik, Damon Jochum, Will Fraley, Gene McKenna, Vinayak Hegde, dan Warren McNeel.

Studi kasus ini dikembangkan melalui kolaborasi antara T-Mobile dan partner solusi pelanggan mereka di Google, Ilya Motamedi, Dakota Deady, dan Christine Zanedis, yang insight dan dukungannya berkontribusi pada kesuksesan inisiatif ini.