Μετρήστε με και τα δύο lab και field data — απαντούν σε διαφορετικές ερωτήσεις. Το Lighthouse είναι lab (synthetic, αναπαραγώγιμο, για debugging)· το RUM είναι field (πραγματικοί χρήστες, για την αλήθεια). Αν εμπιστεύεστε μόνο ένα, βελτιστοποιείτε το λάθος πράγμα.
| Lab (Lighthouse) | Field / RUM |
|---|
| Πηγή | Ένα synthetic run, σταθερή συσκευή/δίκτυο | Πραγματικές επισκέψεις, όλες οι συσκευές/δίκτυα |
| Καλό για | Debugging, CI regression gates, επαναλήψιμο | Τι πραγματικά βιώνουν οι χρήστες |
| INP | Δεν μπορεί να το μετρήσει (χωρίς πραγματικές αλληλεπιδράσεις) | Μετριέται σε όλη την επίσκεψη |
| Αδυναμία | Δεν αντικατοπτρίζει την πραγματική κίνησή σας | Θορυβώδες, χρειάζεται όγκο, πιο δύσκολο στο debug |
Το Lighthouse τρέχει μία throttled φόρτωση σε μια καθαρή μηχανή — υπέροχο για αναπαραγωγή ενός προβλήματος, άχρηστο για να γνωρίζετε το p75 σας. Ειδικά το INP μπορεί να καταγραφεί μόνο στο πεδίο, επειδή χρειάζεται πραγματικές αλληλεπιδράσεις σε ένα session.
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
Αυτή είναι η ίδια μεθοδολογία με το CrUX της Google (Chrome User Experience Report), το οποίο τροφοδοτεί την κατάταξη στην αναζήτηση — το CrUX είναι πραγματικό p75 χρηστών, όχι lab.
Το σήμα senior είναι να γνωρίζετε ότι lab ≠ field, ότι η κατάταξη χρησιμοποιεί field p75, και ότι το INP είναι πραγματικό μόνο στο πεδίο. Η βελτιστοποίηση μιας βαθμολογίας Lighthouse ενώ το πραγματικό p75 παραμένει κακό είναι μια κλασική παγίδα που αυτή η ερώτηση είναι σχεδιασμένη να αποκαλύπτει.
Μια βιβλιοθήκη ερωτήσεων συνέντευξης IT με αναλυτικές απαντήσεις — από Junior έως Senior.
Δωρεά