lab ও field উভয় data দিয়ে পরিমাপ করুন — এরা ভিন্ন প্রশ্নের উত্তর দেয়। Lighthouse হলো lab (synthetic, পুনরুৎপাদনযোগ্য, debugging-এর জন্য); RUM হলো field (প্রকৃত ব্যবহারকারী, সত্যের জন্য)। আপনি যদি কেবল একটির উপর ভরসা করেন, আপনি ভুল জিনিস অপ্টিমাইজ করবেন।
| 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-এ ধরা যায়, কারণ এর একটি 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 স্কোর অপ্টিমাইজ করা একটি ক্লাসিক ফাঁদ যা এই প্রশ্নটি উন্মোচন করতে ডিজাইন করা।
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন