दुवै lab र field data ले मापन गर्नुहोस् — तिनीहरूले फरक प्रश्नको जवाफ दिन्छन्। Lighthouse lab हो (synthetic, पुनरुत्पादनयोग्य, debugging का लागि); RUM field हो (वास्तविक प्रयोगकर्ता, सत्यका लागि)। यदि तपाईं एउटामा मात्र भरोसा गर्नुहुन्छ भने, तपाईं गलत कुरा optimize गर्नुहुन्छ।
| Lab (Lighthouse) | Field / RUM |
|---|
| स्रोत | एउटा synthetic run, निश्चित device/network | वास्तविक भ्रमण, सबै device/network |
| केका लागि राम्रो | Debugging, CI regression gate, पुनरावृत्तियोग्य | प्रयोगकर्ताले वास्तवमै अनुभव गर्ने कुरा |
| INP | मापन गर्न सक्दैन (कुनै वास्तविक interaction छैन) | पूरै भ्रमणभरि मापन गरिन्छ |
| कमजोरी | तपाईंको वास्तविक traffic झल्काउँदैन | noisy, volume चाहिन्छ, debug गर्न गाह्रो |
Lighthouse ले सफा machine मा एउटै throttled load चलाउँछ — issue पुनरुत्पादन गर्न उत्तम, तर तपाईंको p75 जान्न बेकार। विशेषगरी INP field मा मात्र capture गर्न सकिन्छ, किनभने यसलाई session भरि वास्तविक interaction चाहिन्छ।
import { onLCP, onCLS, onINP } from "web-vitals";
function send(metric) {
// Attribution build tells you WHICH element/interaction caused it
navigator.sendBeacon("/rum", JSON.stringify({
name: metric.name, value: metric.value, id: metric.id,
}));
}
onLCP(send); onCLS(send); onINP(send); // report each metric as it finalizes
यो Google को CrUX (Chrome User Experience Report) कै methodology हो, जसले Search ranking चलाउँछ — CrUX वास्तविक-प्रयोगकर्ता p75 हो, lab होइन।
Senior संकेत भनेको lab ≠ field, ranking ले field p75 प्रयोग गर्छ, र INP field मा मात्र वास्तविक हुन्छ भन्ने जान्नु हो। वास्तविक p75 खराब रहँदा Lighthouse score optimize गर्नु classic जाल हो जुन यो प्रश्नले उजागर गर्न बनाइएको छ।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्