FID / INP चेकर
PerformanceObserver का उपयोग करके अपने ब्राउज़र में Interaction to Next Paint (INP) और First Input Delay (FID) मापें। PageSpeed Insights स्कोर जाँचें और इंटरैक्शन प्रतिक्रिया सुधारने के टिप्स पाएँ।
अपडेट किया गया
Live Browser Measurement
Click "Start Measuring", then interact with this page (click buttons, type in inputs) to record real INP and FID values.
PageSpeed Insights Score Input
Enter scores from PageSpeed Insights to get a rating instantly.
FID (deprecated) measured only the first interaction. INP measures the worst interaction latency throughout the entire page lifetime and is now a Core Web Vital as of March 2024.
Tips to Improve Interaction Responsiveness
Break up JavaScript tasks longer than 50ms using setTimeout, requestIdleCallback, or scheduler.yield() to allow the browser to respond to user inputs.
Avoid heavy computation in click/keydown handlers. Move expensive work off the main thread to Web Workers when possible.
Large DOM trees increase style recalculation and layout time. Aim for fewer than 1,500 DOM nodes for optimal performance.
Use code splitting and lazy loading to reduce the amount of JS that must be parsed and executed during page load.
Reading layout properties (offsetHeight, scrollTop) after writing to the DOM causes layout thrashing. Batch reads and writes separately.
CSS animations that use transform and opacity can run on the compositor thread and bypass the main thread entirely.
अक्सर पूछे जाने वाले प्रश्न
INP क्या है?
INP (Interaction to Next Paint) किसी पेज की पूरी अवधि के दौरान उसकी सभी इंटरैक्शन की लेटेंसी मापता है। इसने मार्च 2024 में Core Web Vital के रूप में FID की जगह ली। अच्छा INP 200 ms से कम होता है।
FID क्या है?
FID (First Input Delay) केवल पहली उपयोगकर्ता इंटरैक्शन के विलंब को मापता था। इसे मार्च 2024 में हटा दिया गया और INP से बदल दिया गया, जो सभी इंटरैक्शन मापता है।
मैं INP कैसे सुधारूँ?
लंबे JavaScript कार्यों को विभाजित करें, DOM का आकार कम करें, तृतीय-पक्ष स्क्रिप्ट के प्रभाव को घटाएँ, बाध्य सिंक्रोनस लेआउट से बचें, और JS एनिमेशन के बजाय CSS ट्रांज़िशन का उपयोग करें।
क्या FID / INP चेकर उपयोग के लिए मुफ़्त है?
हाँ, FID / INP चेकर 100% मुफ़्त है, बिना पंजीकरण, बिना छिपे शुल्क और बिना उपयोग सीमा के। सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है, जिससे पूर्ण गोपनीयता सुनिश्चित होती है।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। FID / INP चेकर सब कुछ आपके ब्राउज़र में क्लाइंट-साइड प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या FID / INP चेकर मोबाइल डिवाइस पर काम करता है?
हाँ, FID / INP चेकर पूरी तरह रेस्पॉन्सिव है और स्मार्टफोन तथा टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर इस्तेमाल कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या पंजीकरण की आवश्यकता नहीं है। बस अपने ब्राउज़र में FID / INP चेकर खोलें और तुरंत इस्तेमाल शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।
क्या यह टूल Google के नवीनतम दिशानिर्देशों का पालन करता है?
हाँ, FID / INP चेकर को Google Search के मौजूदा दिशानिर्देशों और सर्वोत्तम प्रथाओं के अनुसार बनाया गया है। हम सर्च इंजन की आवश्यकताओं में बदलावों को दर्शाने के लिए टूल को नियमित रूप से अपडेट करते हैं।
कौन-कौन से ब्राउज़र समर्थित हैं?
FID / INP चेकर Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में काम करता है। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण इस्तेमाल करें।
एक अच्छा INP स्कोर क्या है, और पास करने वाला नंबर कौन सा माना जाता है?
Google INP (Interaction to Next Paint) को मिलीसेकंड में मापे गए तीन बैंड में रेट करता है: Good 200 ms से कम है, Needs Improvement 200 से 500 ms है, और Poor 500 ms से ऊपर कुछ भी है। Core Web Vitals आकलन में पास करने के लिए, आपके वास्तविक उपयोगकर्ताओं का 75वां पर्सेंटाइल Good बैंड में होना चाहिए, जिसका मतलब है कि कम से कम चार में से तीन इंटरैक्शन 200 ms से कम में जवाब दें। FID एक ज़्यादा उदार स्केल का उपयोग करता था क्योंकि यह सिर्फ़ पहले इंटरैक्शन को मापता था: Good 100 ms से कम, Needs Improvement 100 से 300 ms, और Poor 300 ms से ऊपर। चूँकि INP पूरे पेज लाइफ़टाइम में सबसे ख़राब इंटरैक्शन को पकड़ता है, यह पास करना कठिन है और यह दिखाता है कि एक पेज कितना रिस्पॉन्सिव महसूस होता है। PageSpeed Insights से एक वैल्यू इस चेकर में पेस्ट करें और देखें कि आप किस बैंड में आते हैं।
INP ने FID की जगह Core Web Vital के रूप में क्यों ली?
FID (First Input Delay) सिर्फ़ लोड के बाद पहले इंटरैक्शन से पहले ब्राउज़र के प्रोसेसिंग शुरू करने के विलंब को मापता था, और तब भी यह सिर्फ़ इनपुट डिले को पकड़ता था, स्क्रीन को अपडेट करने में लगने वाले समय को नहीं। इससे इसे पास करना आसान हो जाता था: पहला टैप अक्सर तब होता था जब मेन थ्रेड बिज़ी नहीं होता, इसलिए कई धीमे पेज अच्छा स्कोर कर लेते थे। INP दोनों कमियों को ठीक करता है। यह पेज के खुले रहने के पूरे समय में हर क्लिक, टैप और कीप्रेस को देखता है, इनपुट से अगले दिखने वाले पेंट तक की पूरी लेटेंसी मापता है, और सबसे ख़राब को रिपोर्ट करता है। नतीजा एक असली विज़िटर द्वारा अनुभव की गई लगातार रिस्पॉन्सिवनेस को दर्शाता है, न कि एक एकल भाग्यशाली स्नैपशॉट को। Google ने मार्च 2024 में INP को आधिकारिक Core Web Vital बनाया, FID को रिटायर करते हुए। यह टूल लिगेसी तुलना के लिए FID रिपोर्ट करता है लेकिन INP को मुख्य रूप से आगे रखता है, ताकि आप जाँच सकें कि एक पेज मौजूदा मानक के तहत कैसा दिखता है।
मेरे ब्राउज़र द्वारा मापा गया INP PageSpeed Insights स्कोर से अलग क्यों है?
दोनों नंबर अलग-अलग सवालों के जवाब देते हैं। इस टूल का लाइव माप आपके मौजूदा टैब में एक PerformanceObserver जोड़ता है और अभी आपके द्वारा किए गए इंटरैक्शन की लेटेंसी को आपकी डिवाइस, नेटवर्क और CPU पर रिकॉर्ड करता है। यह एक सेशन को दर्शाता है, जो डेवलपमेंट बिल्ड या अपनी मशीन को जाँचने के लिए आदर्श है। इसके विपरीत, PageSpeed Insights Chrome User Experience Report से फ़ील्ड डेटा रिपोर्ट करता है, जो पिछले 28 दिनों के वास्तविक विज़िट को 75वें पर्सेंटाइल पर कई डिवाइस और स्थितियों में एकत्रित करता है। एक तेज़ लैपटॉप अक्सर फ़ील्ड डेटा से बेहतर लाइव नंबर दिखाएगा, क्योंकि धीमे फ़ोन और व्यस्त नेटवर्क वास्तविक-विश्व आंकड़े को ऊपर खींचते हैं। लाइव रीडिंग को एक त्वरित डायग्नोस्टिक के रूप में और फ़ील्ड स्कोर को वह फ़ैसला मानें जो सर्च को प्रभावित करता है। इस चेकर में दोनों रास्तों का उपयोग करें: लाइव मापें, फिर PSI वैल्यू पेस्ट करके उसकी रेटिंग पाएँ।
मैं DevTools खोले बिना अपने पेज पर INP कैसे माप सकता हूँ?
आपको Chrome DevTools या web-vitals लाइब्रेरी की ज़रूरत नहीं है। यह चेकर खोलें, Start Measuring पर क्लिक करें, फिर किसी विज़िटर की तरह पेज के साथ इंटरैक्ट करें: बटन क्लिक करें, इनपुट में टाइप करें और स्क्रॉल करें। पर्दे के पीछे यह event और first-input टाइमिंग एंट्रीज़ पर एक PerformanceObserver जोड़ता है, हर इंटरैक्शन की लेटेंसी रिकॉर्ड करता है, और जो अधिकतम INP देखता है उसे पहले इनपुट के FID के साथ रिपोर्ट करता है। चूँकि यह आपके अपने सेशन से स्टैंडर्ड ब्राउज़र टाइमिंग डेटा पढ़ता है, कुछ भी अपलोड नहीं होता और माप वास्तविक रूप से लाइव है न कि सिम्युलेटेड। यह इस बात की पुष्टि करने का सबसे तेज़ तरीक़ा है कि कोई फ़िक्स रिलीज़ से पहले काम कर गया। सभी विज़िटर्स का प्रतिनिधित्व करने वाले फ़ील्ड डेटा के लिए, इन-बिल्ट लिंक से PageSpeed Insights पर जाएँ और टूल में वापस लौटी वैल्यू पेस्ट करें ताकि तुरंत रेटिंग मिल सके।
उच्च INP स्कोर का क्या कारण होता है, और मैं धीमे इंटरैक्शन को कैसे ढूँढूँ?
उच्च INP लगभग हमेशा इस बात तक जाता है कि जब उपयोगकर्ता इंटरैक्ट करता है तब मेन थ्रेड ब्लॉक हो रहा हो। आम संदिग्ध 50 ms से अधिक के लंबे JavaScript टास्क, क्लिक या keydown हैंडलर के भीतर सीधे चलने वाले भारी काम, बड़े DOM ट्री जो हर स्टाइल और लेआउट पुनर्गणना को महंगा बनाते हैं, थर्ड-पार्टी स्क्रिप्ट, फ़ोर्स्ड सिंक्रोनस लेआउट, और JavaScript-चालित एनिमेशन जो इसके बजाय compositor पर चल सकते हैं। अपराधी को ढूँढने के लिए, इस टूल का लाइव माप इस्तेमाल करें और हर एलिमेंट के साथ बारी-बारी से इंटरैक्ट करें; रिपोर्ट किया गया अधिकतम INP उस इंटरैक्शन पर बढ़ता है जो लैग करता है, जो आपको जाँचने के लिए हैंडलर की ओर इशारा करता है। आम फ़िक्स में setTimeout, requestIdleCallback, या scheduler.yield() के साथ लंबे टास्क तोड़ना, DOM को लगभग 1,500 नोड्स के भीतर रखना, गैर-ज़रूरी स्क्रिप्ट डेफ़र करना, और JavaScript एनिमेशन के बजाय CSS ट्रांज़िशन को प्राथमिकता देना शामिल है। मापें, एक बदलाव लागू करें, फिर यहाँ फिर से मापें ताकि पुष्टि हो सके कि इंटरैक्शन तेज़ हुआ।
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/fid-checker" title="FID / INP Checker — The Toolbox" width="100%" height="220" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/seo-tools/fid-checker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free FID / INP Checker</a> by The Toolbox</p>संबंधित टूल
मुफ़्त SEO मेटा टैग जनरेटर
अपनी वेबसाइट के लिए SEO-अनुकूल मेटा टैग बनाएँ। शीर्षक, विवरण, कीवर्ड और बहुत कुछ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त Open Graph टैग जनरेटर
सोशल मीडिया शेयरिंग के लिए Open Graph और Twitter Card मेटा टैग बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त Robots.txt जनरेटर
सर्च इंजन क्रॉलिंग को नियंत्रित करने के लिए robots.txt फ़ाइल बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त कीवर्ड डेंसिटी चेकर
SEO ऑप्टिमाइज़ेशन के लिए अपने कंटेंट में कीवर्ड डेंसिटी और फ़्रीक्वेंसी का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
FID / INP Checker के बारे में
FID / INP Checker मापता है कि एक पेज उपयोगकर्ता इनपुट पर कितनी जल्दी प्रतिक्रिया करता है — एक क्लिक, टैप, या कीप्रेस और स्क्रीन के दिखने योग्य रूप से अपडेट होने के क्षण के बीच का विलंब। यह दो तरीकों से करता है: यह PerformanceObserver API का उपयोग करके आपके ब्राउज़र में वास्तविक इंटरैक्शन टाइमिंग रिकॉर्ड करता है, और यह Interaction to Next Paint (INP) या First Input Delay (FID) वैल्यू को रेट करता है जो आप PageSpeed Insights रिपोर्ट से पेस्ट करते हैं। यह web डेवलपर्स, SEO विशेषज्ञों, और साइट मालिकों के लिए बनाया गया है जिन्हें इसकी पुष्टि करनी है कि एक पेज रिस्पॉन्सिव महसूस होता है, सिर्फ़ इतना नहीं कि वह तेज़ लोड होता है।
रिस्पॉन्सिवनेस लोड स्पीड से अलग समस्या है। एक पेज जल्दी पेंट कर सकता है फिर भी किसी बटन टैप पर फ्रीज़ हो सकता है, क्योंकि ब्राउज़र का मेन थ्रेड JavaScript चलाने में बिज़ी है। INP और FID वे मेट्रिक्स हैं जो बिल्कुल उसी निराशा को पकड़ते हैं।
लाइव माप बनाम मैन्युअल स्कोरिंग
टूल आपको साथ-साथ दो रास्ते देता है:
- लाइव ब्राउज़र माप। "Start Measuring" पर क्लिक करें, फिर पेज के साथ इंटरैक्ट करें — क्लिक, टाइप, स्क्रॉल। चेकर
eventऔरfirst-inputएंट्रीज़ पर एकPerformanceObserverजोड़ता है, हर इंटरैक्शन की लेटेंसी रिकॉर्ड करता है, और जो सबसे ख़राब (अधिकतम) INP देखता है उसे पहले इनपुट के FID के साथ रिपोर्ट करता है। यह इस टैब को इस ब्राउज़र में मापता है, जो अपनी डिवाइस या डेवलपमेंट बिल्ड को जाँचने के लिए आदर्श है। - PageSpeed Insights स्कोर इनपुट। एक PSI रिपोर्ट से मिलीसेकंड में INP या FID वैल्यू पेस्ट करें और चेकर तुरंत Good / Needs Improvement / Poor रेटिंग लौटाता है। इसका उपयोग करें जब आपको अपनी मशीन पर एकल टेस्ट के बजाय वास्तविक विज़िटर्स का प्रतिनिधित्व करने वाले फ़ील्ड डेटा चाहिए।
PageSpeed Insights का एक सीधा लिंक शामिल है ताकि आप वर्कफ़्लो छोड़े बिना वह फ़ील्ड नंबर खींच सकें।
थ्रेशोल्ड को समझना
दोनों मेट्रिक्स इनपुट लेटेंसी को मिलीसेकंड में मापते हैं, लेकिन वे अलग-अलग स्केल उपयोग करते हैं क्योंकि वे अलग-अलग चीज़ें मापते हैं:
- INP (Interaction to Next Paint) — Good 200 ms से कम है, Needs Improvement 200–500 ms है, और Poor 500 ms से ऊपर है। INP पेज के पूरे जीवनकाल में इंटरैक्शन की लेटेंसी पकड़ता है और सबसे ख़राब को रिपोर्ट करता है।
- FID (First Input Delay) — Good 100 ms से कम है, Needs Improvement 100–300 ms है, और Poor 300 ms से ऊपर है। FID केवल लोड के बाद पहले इंटरैक्शन के विलंब को मापता था।
INP ने मार्च 2024 में FID की जगह Core Web Vital के रूप में ली। FID एक संकरी स्नैपशॉट था — पास करना आसान क्योंकि पहला इंटरैक्शन अक्सर तब होता था जब पेज पूरी तरह बिज़ी नहीं होता — जबकि INP एक विज़िटर द्वारा वास्तव में अनुभव की गई लगातार रिस्पॉन्सिवनेस को दर्शाता है। चेकर लिगेसी तुलना के लिए FID रिपोर्ट करता है, लेकिन INP वह नंबर है जो मौजूदा Google Core Web Vitals आकलन के लिए मायने रखता है।
इंटरैक्शन रिस्पॉन्सिवनेस क्यों मायने रखती है
धीमे इंटरैक्शन भरोसा घटाते हैं। जब एक टैप किया गया बटन 400 ms तक कुछ नहीं करता, तो लोग फिर से टैप करते हैं, मानते हैं कि साइट टूटी है, या चले जाते हैं — और चूँकि INP एक Core Web Vital है, एक ख़राब स्कोर सर्च विज़िबिलिटी पर भी वज़न डाल सकता है। इसे जल्दी पहचानना, एक रिलीज़ के वास्तविक उपयोगकर्ताओं तक पहुँचने से पहले, बाद में शिकायतों का पीछा करने से कहीं सस्ता है।
ख़राब स्कोर पर कार्रवाई करने में आपकी मदद के लिए, टूल इनपुट लैग के सबसे आम कारणों से लिए गए ठोस फ़िक्स सूचीबद्ध करता है, जिनमें शामिल हैं:
- लंबे JavaScript टास्क (50 ms से ज़्यादा कुछ भी) को
setTimeout,requestIdleCallback, याscheduler.yield()से तोड़ना। - DOM को पतला रखना — लगभग 1,500 नोड्स से कम — ताकि स्टाइल और लेआउट की क़ीमत कम हो।
- भारी काम को क्लिक और keydown हैंडलर से बाहर निकालना, गैर-ज़रूरी JavaScript डेफ़र करना, फ़ोर्स्ड सिंक्रोनस लेआउट से बचना, और JavaScript एनिमेशन के बजाय compositor-friendly CSS ट्रांज़िशन को प्राथमिकता देना।
निजी और मुफ़्त उपयोग
FID / INP Checker पूरी तरह आपके ब्राउज़र में चलता है। लाइव माप एक स्टैंडर्ड ब्राउज़र API के ज़रिए आपके अपने सेशन से टाइमिंग डेटा पढ़ता है; आपके पेज या इंटरैक्शन के बारे में कुछ भी सर्वर पर अपलोड या स्टोर नहीं होता। न कोई साइन-अप, न उपयोग सीमा, और न इंस्टॉल — इसे किसी भी आधुनिक ब्राउज़र में खोलें, फ़ोन सहित, और मापना शुरू करें। एकमात्र external स्टेप वैकल्पिक है: PageSpeed Insights पर क्लिक करके जाना, जो Google की अपनी सर्विस है।