Digital Transformation
Core Web Vitals Attribution
TL;DR: Core Web Vitals Attribution adalah build khusus dari library web-vitals Google yang melampirkan informasi akar penyebab pada metrik LCP, INP, dan CLS. Mode ini memudahkan tim performa mengidentifikasi elemen dan kode yang memperlambat halaman tanpa harus melakukan reproduksi lokal.
Apa itu Core Web Vitals Attribution?
Core Web Vitals Attribution adalah varian dari library web-vitals yang ketika dilaporkan, menyertakan objek attribution berisi data forensik: elemen pemicu, waktu setiap fase, dan tipe event yang menjadi sumber metrik Core Web Vitals.
Analoginya: kalau metrik biasa cuma kasih nilai akhir ujian, mode attribution kasih lengkap dengan butir soal mana yang salah.
Field Penting per Metrik
| Metrik | Atribut Utama |
|---|---|
| LCP | element, url, timeToFirstByte, resourceLoadDelay, elementRenderDelay |
| INP | interactionTarget, eventType, inputDelay, processingDuration |
| CLS | largestShiftSource, largestShiftEntry, loadState |
Kenapa Penting?
Untuk pemilik website bisnis Indonesia, attribution memangkas siklus debugging Core Web Vitals dari beberapa hari menjadi jam. Pada studi kasus Yuanita Sekar, atribut elementRenderDelay membantu tim menemukan bahwa hero image bukan masalah; bottleneck sebenarnya adalah font web yang menghambat render text di atasnya.
Pertanyaan Umum
Apakah build attribution lebih berat?
Sedikit lebih besar (sekitar 1,5-2 KB tambahan), tapi tidak mempengaruhi metrik karena dijalankan setelah pengukuran selesai.
Apakah cocok untuk produksi?
Ya. Direkomendasikan untuk sample tertentu (misal 10% traffic) supaya tidak membanjiri endpoint RUM.
Istilah Terkait