Ukur dengan kedua-dua data makmal (lab) dan lapangan (field) — ia menjawab soalan yang berbeza. Lighthouse ialah makmal (sintetik, boleh diulang, untuk debug); RUM ialah lapangan (pengguna sebenar, untuk kebenaran). Jika anda hanya mempercayai satu, anda mengoptimum benda yang salah.
| Makmal (Lighthouse) | Lapangan / RUM |
|---|
| Sumber | Satu larian sintetik, peranti/rangkaian tetap | Lawatan sebenar, semua peranti/rangkaian |
| Baik untuk | Debug, get gerbang regresi CI, boleh diulang | Apa yang pengguna sebenarnya alami |
| INP | Tidak boleh diukur (tiada interaksi sebenar) | Diukur sepanjang keseluruhan lawatan |
| Kelemahan | Tidak mencerminkan trafik sebenar anda | Bising, perlukan volum, lebih sukar di-debug |
Lighthouse menjalankan satu muatan berthrottle pada mesin bersih — bagus untuk menghasilkan-semula sesuatu isu, tidak berguna untuk mengetahui p75 anda. INP terutamanya hanya boleh ditangkap di lapangan, kerana ia perlukan interaksi sebenar sepanjang sesi.
import { onLCP, onCLS, onINP } from "web-vitals";
function send(metric) {
// Build attribution memberitahu anda elemen/interaksi MANA yang menyebabkannya
navigator.sendBeacon("/rum", JSON.stringify({
name: metric.name, value: metric.value, id: metric.id,
}));
}
onLCP(send); onCLS(send); onINP(send); // laporkan setiap metrik apabila ia dimuktamadkan
Inilah metodologi yang sama seperti CrUX (Chrome User Experience Report) Google, yang menggerakkan ranking Search — CrUX ialah p75 pengguna sebenar, bukan makmal.
Isyarat senior ialah mengetahui makmal ≠ lapangan, bahawa ranking guna p75 lapangan, dan bahawa INP hanya sebenar di lapangan. Mengoptimum skor Lighthouse sementara p75 sebenar kekal lemah ialah perangkap klasik yang soalan ini direka untuk mendedahkan.
Pustaka soalan temu duga IT dengan jawapan terperinci — daripada Junior hingga Senior.
Derma