INP डायग्नॉस्टिक्स प्लेग्राउंड
ब्राउज़र में इवेंट चेन मॉडल कर Interaction to Next Paint सुधारों का प्रोटोटाइप बनाएं।
PerformanceEventTiming JSON पेस्ट करें या इवेंट मैन्युअली जोड़ें ताकि INP सारांश तुरंत देखें।
इंटरैक्शन इवेंट जोड़ें
PerformanceEventTiming से कैप्चर किए JSON जोड़ें या इवेंट्स बनाएं।
सारांश
फील्ड डेटा आने से पहले Interaction to Next Paint अनुमानित करने के लिए इंटरैक्शन ट्रेस तैयार करें।
कैसे उपयोग करें
- PerformanceEventTiming JSON इम्पोर्ट करें या इवेंट्स मैन्युअली जोड़ें।
- प्रोसेसिंग और प्रस्तुति टाइमिंग समायोजित करें ताकि लैब जांच से मेल खाएं।
- p75 और सबसे खराब मान देखें और टीम के लिए अगले कदम दर्ज करें।
उपयोग के मामले
- प्रयोग रिलीज़ से पहले शमन विचारों का प्रोटोटाइप।
- पुनरुत्पाद्य चेन के साथ INP रिग्रेशन दस्तावेज़ करें।
- डिज़ाइनर और PMs को INP घटक दृश्य रूप से समझाएं।
टिप्स और ज्ञान
- रियल फ्रेम सत्यापित करने के लिए Chrome trace viewer के साथ उपयोग करें।
- RUM पर्सेंटाइल्स से लैब अनुमानों को नियमित रूप से सत्यापित करें।
- साझा शब्दावली के लिए एक्सपोर्टेड CSV को बग टिकट से संलग्न करें।