01 · URL
أدخل رابطًا يحتوي على إجراءات مهمة
افحص نموذجًا أو كتالوجًا أو سلة تسوق أو إتمام شراء أو قائمة أو منطقة حساب. يفتح Milten الصفحة في متصفح ويطبّق المنطقة والشبكة والجهاز المختار.
SSLhttps://your-site.com
افحص INP بعد النقر
فحص INP مجاني بعد النقر: يحلل Milten Interaction to Next Paint، ويكتشف المعالجات البطيئة وإطارات الحركة الطويلة ونصوص الطرف الثالث التي تؤخر استجابة الواجهة.
كيف يعمل
كيف يفحص Milten INP
من الرابط إلى المهام الهندسية: تعيد الخدمة تشغيل إجراءات الصفحة المهمة، وتقيس التأخير حتى العرض التالي، وتُظهر الأسباب التقنية لضعف الاستجابة.
02 · السيناريو
نفحص السيناريوهات التفاعلية
تظهر في التقرير النقرات واللمسات والإدخالات التي تسبب تأخيرًا ملحوظًا: تأخير الإدخال، وJavaScript المتزامن، والتخطيط/العرض، والعرض التالي.
التحليل42%
03 · الخطة
احصل على الأسباب وترتيب الإصلاح
يجمع التقرير المشكلات حسب التأثير: ما سيجعل الواجهة تستجيب بسرعة، وأين يلزم إعادة هيكلة المعالج، وما يمكن أن يبقى في قائمة أولويات الأداء.
64
قسّم معالج إتمام الشراءP1
أظهر التغذية الراجعة قبل الحساباتP2
اعزل ودجة الدردشةP3
ما هو INP
INP هو التوقف بين الإجراء واستجابة الصفحة المرئية
لا يتعلق المقياس بسرعة تحميل الصفحة، بل بسرعة استجابتها بعد نقرة أو لمسة أو إدخال. وهذا يجعل INP مهمًا بشكل خاص للنماذج والفلاتر وسلات التسوق والقوائم والبحث ومناطق الحساب.
مثال تفاعل
كيف تتحول نقرة واحدة إلى INP
على المتصفح أن يستقبل الحدث، ويشغّل المعالج، ويعيد حساب الواجهة، ويعرض الإطار التالي. يقيس INP هذا المسار بالكامل.
تفصيل الأحداث
مثال INP386ms
تأخير الإدخال58msينتظر الحدث الخيط الرئيسيمعالج JS178msالتحقق، وإعادة حساب الحالة، والمنطق المتزامنالتخطيط / العرض83msيعيد المتصفح حساب DOM والأنماطالعرض التالي67msيصل الإطار الجديد أخيرًا إلى الشاشة
الأسئلة الشائعة
الأسئلة الشائعة حول فحوصات INP
إجابات موجزة حول Interaction to Next Paint وCore Web Vitals وSEO والتحسين العملي للواجهة.
ما هو INP ولماذا يهم؟
INP هو مقياس Core Web Vitals لاستجابة الواجهة. يوضح مقدار الوقت الذي يمر بين إجراء المستخدم والاستجابة المرئية التالية للصفحة. القيمة الجيدة تصل إلى 200ms عند النسبة المئوية 75.
كيف يمكنني التحقق من INP لموقعي مجانًا؟
الصق الرابط في النموذج أعلاه، واختر ملفًا شخصيًا للجوال أو سطح المكتب، وانقر على "التحقق من INP". يفتح Milten الصفحة في متصفح، ويفحص السيناريوهات التفاعلية، ويعرض التأخيرات، وإطارات الرسوم المتحركة الطويلة، والتوصيات الأولية.
كيف يختلف INP عن TBT؟
TBT هو إشارة مخبرية لحجب الخيط الرئيسي أثناء التحميل. يقيّم INP تفاعلات المستخدم الحقيقية بعد تحميل الصفحة: النقرات، واللمسات، والإدخال، والرسم التالي.
ماذا يجب أن أفعل عند ضعف INP؟
أولاً، ابحث عن التفاعل المحدد ذي المساهمة الأعلى: زر، أو فلتر، أو نموذج، أو قائمة، أو الدفع. ثم افحص المهام الطويلة، والمعالجات المتزامنة، وعمل العرض غير الضروري، وإعادة التدفق القسرية، ونصوص الطرف الثالث.
كم يستغرق تحليل INP؟
عادةً ما يستغرق الفحص السريع أقل من دقيقة، لكن التوقيت الدقيق يعتمد على المنطقة المحددة، وملف الشبكة، وتقييد وحدة المعالجة المركزية، وعدد السيناريوهات التفاعلية. للحصول على استنتاجات مستقرة، قارن عدة تشغيلات تحت نفس الظروف.
خدمات ذات صلة
ما يجب فحصه بعد INP
بمجرد العثور على تأخير، افحص الأسباب القريبة: bfcache، وتسريبات الذاكرة، وحزم JavaScript، وسرعة الصفحة الإجمالية.
ذاكرة التخزين المؤقت للرجوع/التقدم
افحص ما إذا كانت الصفحات تدخل bfcache في المتصفح. اكتشف العوائق: unload، ومستمعو الأحداث، ومعاملات IndexedDB المفتوحة.
فحصسرعة التحميل
افحص Web Vitals ومقاييس السرعة الرئيسية. تشغّل أداة الفحص مرحلتين: الجوال وسطح المكتب، ثم تعيد خطة إصلاح مرتبة حسب الأولوية.
تشغيل الماسحالتحقق من HTML
افحص بنية الصفحة وصحتها ودلالاتها ووسوم meta المطلوبة.
فتحإمكانية الوصول (a11y)
تدقيق WCAG: التباين، والنص البديل، والمعالم، وسمات aria، والتنقل بلوحة المفاتيح. يتضمن إصلاحات وأمثلة.
فتح