lab ਅਤੇ field ਦੋਵਾਂ data ਨਾਲ ਮਾਪੋ — ਇਹ ਵੱਖ-ਵੱਖ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦਿੰਦੇ ਹਨ। Lighthouse lab ਹੈ (synthetic, reproducible, debugging ਲਈ); RUM field ਹੈ (ਅਸਲ ਉਪਭੋਗਤਾ, ਸੱਚਾਈ ਲਈ)। ਜੇ ਤੁਸੀਂ ਸਿਰਫ਼ ਇੱਕ 'ਤੇ ਭਰੋਸਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਗ਼ਲਤ ਚੀਜ਼ optimize ਕਰਦੇ ਹੋ।
lab ਅਤੇ field ਦੋਵਾਂ data ਨਾਲ ਮਾਪੋ — ਇਹ ਵੱਖ-ਵੱਖ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦਿੰਦੇ ਹਨ। Lighthouse lab ਹੈ (synthetic, reproducible, debugging ਲਈ); RUM field ਹੈ (ਅਸਲ ਉਪਭੋਗਤਾ, ਸੱਚਾਈ ਲਈ)। ਜੇ ਤੁਸੀਂ ਸਿਰਫ਼ ਇੱਕ 'ਤੇ ਭਰੋਸਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਗ਼ਲਤ ਚੀਜ਼ optimize ਕਰਦੇ ਹੋ।
| Lab (Lighthouse) | Field / RUM |
|---|
| ਸਰੋਤ | ਇੱਕ synthetic run, ਸਥਿਰ device/network | ਅਸਲ visits, ਸਾਰੇ devices/networks |
| ਕਿਸ ਲਈ ਚੰਗਾ | Debugging, CI regression gates, repeatable | ਉਪਭੋਗਤਾ ਅਸਲ ਵਿੱਚ ਕੀ ਅਨੁਭਵ ਕਰਦੇ ਹਨ |
| INP | ਮਾਪ ਨਹੀਂ ਸਕਦਾ (ਕੋਈ ਅਸਲ interactions ਨਹੀਂ) | ਪੂਰੀ visit ਦੌਰਾਨ ਮਾਪਿਆ |
| ਕਮਜ਼ੋਰੀ | ਤੁਹਾਡੇ ਅਸਲ traffic ਨੂੰ ਨਹੀਂ ਦਰਸਾਉਂਦਾ | Noisy, volume ਦੀ ਲੋੜ, debug ਕਰਨਾ ਔਖਾ |
Lighthouse ਇੱਕ ਸਾਫ਼ machine 'ਤੇ ਇੱਕ ਹੀ throttled load ਚਲਾਉਂਦਾ ਹੈ — ਕਿਸੇ issue ਨੂੰ ਦੁਹਰਾਉਣ ਲਈ ਵਧੀਆ, ਤੁਹਾਡਾ p75 ਜਾਣਨ ਲਈ ਬੇਕਾਰ। ਖ਼ਾਸਕਰ INP ਸਿਰਫ਼ field ਵਿੱਚ ਹੀ capture ਹੋ ਸਕਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਸਨੂੰ ਇੱਕ session ਦੌਰਾਨ ਅਸਲ interactions ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
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 signal ਇਹ ਜਾਣਨਾ ਹੈ ਕਿ lab ≠ field, ਕਿ ranking field p75 ਵਰਤਦਾ ਹੈ, ਅਤੇ ਕਿ INP ਸਿਰਫ਼ field ਵਿੱਚ ਹੀ ਅਸਲੀ ਹੈ। ਇੱਕ Lighthouse score optimize ਕਰਨਾ ਜਦੋਂ ਅਸਲ p75 ਮਾੜਾ ਰਹਿੰਦਾ ਹੈ ਇੱਕ classic trap ਹੈ ਜਿਸਨੂੰ ਉਜਾਗਰ ਕਰਨ ਲਈ ਇਹ ਸਵਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ।
ਵਿਸਤ੍ਰਿਤ ਜਵਾਬਾਂ ਨਾਲ IT ਇੰਟਰਵਿਊ ਸਵਾਲਾਂ ਦੀ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ — ਜੂਨੀਅਰ ਤੋਂ ਸੀਨੀਅਰ ਤੱਕ।
ਦਾਨ ਕਰੋ