مدى استجابة الصفحة لتفاعلات المستخدم (INP)

تُظهر بيانات استخدام Chrome أنّ %90 من وقت المستخدِم على الصفحة يتم قضاءه بعد تحميلها، لذا من المهم قياس وقت الاستجابة بعناية خلال دورة حياة الصفحة. وهذا ما يقيسه مقياس INP.

تعني الاستجابة الجيدة أنّ الصفحة تستجيب بسرعة للتفاعلات. عندما تستجيب الصفحة لتفاعل، يعرض المتصفّح ملاحظات مرئية في اللقطة التالية التي يعرضها. وتخبرك الملاحظات المرئية، على سبيل المثال، ما إذا كان العنصر الذي تمت إضافته إلى سلة تسوق عبر الإنترنت مُضافًا بالفعل، وما إذا كانت قائمة التنقل على الهاتف المحمول قد تم فتحها، وما إذا تمت مصادقة محتويات نموذج تسجيل الدخول بواسطة الخادم، وما إلى ذلك.

تستغرق بعض التفاعلات وقتًا أطول من غيرها، ولكن بالنسبة إلى التفاعلات المعقّدة بشكل خاص، من المهم تقديم بعض الملاحظات المرئية الأولية بسرعة لإعلام المستخدم بأنّ هناك عملية جا��ية. الإطار التالي الذي سيرسمه المتصفح هو أقرب فرصة لإجراء ذلك.

لذلك، لا يهدف مقياس "مدى استجابة الصفحة لتفاعلات المستخدم" إلى قياس جميع التأثيرات النهائية للتفاعل، مثل عمليات جلب البيانات من الشبكة وتعديلات واجهة المستخدم من العمليات غير المتزامنة الأخرى، ولكنّه يقيس الوقت الذي يتم فيه حظر عملية العرض التالي. من خلال تأخير الملاحظات المرئية، قد يحصل المستخدمون على انطباع بأنّ الصفحة لا تستجيب بسرعة كافية، وقد تم تطوير مقياس INP لمساعدة المطوّرين على قياس هذا الجزء من تجربة المستخدم.

في الفيديو التالي، يقدّم المثال على اليسار ملاحظات مرئية فورية بأنّه يتم فتح أكورديون. يوضّح المثال على يمين الصفحة مدى بطء الاستجابة، وكيف يمكن أن يؤدّي ذلك إلى تقديم تجارب سيئة للمستخدمين.

يشرح هذا الدليل آلية عمل مؤشر INP وكيفية قياسه ويشير إلى مراجع لتحسينه.

ما هو برنامج INP؟

INP هو مقياس يقيّم مدى استجابة الصفحة بشكل عام لتفاعلات المستخدم من خلال رصد وقت استجابة جميع تفاعلات النقر والنقر ولوحة المفاتيح التي تحدث طوال فترة زيارة المستخدم للصفحة. تمثّل قيمة INP النهائية أطول تفاعل تم رصده، مع تجاهل القيم الشاذة.

التفاعل هو مجموعة من معالجات الأحداث التي يتم ��شغيلها أثناء إيماءة المستخدم المنطقية نفسها. على سبيل المثال، تشمل التفاعلات من خلال "النقر" على جهاز يعمل باللمس أحداثًا متعددة، مثل pointerup وpointerdown وclick. يمكن أن يكون التفاعل مستندًا إلى JavaScript أ�� CSS أو ع��ا��ر ال��حك��م الم��مجة في المتصفّح (مثل عناصر النماذج) أو مزيج من هذه العناصر.

يتألّف وقت استجابة التفاعل من المدة الأطول لمجموعة من معالجات الأحداث التي تؤدي إلى التفاعل، بدءًا من وقت بدء المستخدم التفاعل إلى اللحظة التي يتمكّن فيها المتصفّح من عرض إطار في المرة التالية.

ما هي نتيجة INP الجيدة؟

من الصعب تثبيت تصنيفات مثل "جيدة" أو "سيئة" في مقياس الاستجابة. من ناحية أخرى، تريد تشجيع ممارسات التطوير التي تعطي الأولوية للاستجابة الجيدة. من ناحية أخرى، يجب مراعاة حقيقة أنّ هناك تفاوتًا كبيرًا في إمكانات الأجهزة التي يستخدمها الأشخاص لوضع توقعات تطوير قابلة للتحقيق.

لضمان تقديم تجارب مستخدمين تتضمّن استجابة جيدة، يمكنك قياس الشريحة المئوية الخامسة والسبعين من عمليات تحميل الصفحات المسجّلة في الميدان، مقسّمة على الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي:

• إذا كانت قيمة مقياس INP أقل من 200 ملي ثانية أو تساويها، يعني ذلك أنّ الصفحة سريعة الاستجابة.
• إذا كان مقياس INP أعلى من 200 ملّي ثانية أو أقل أو أقل من 500 ملّي ثانية، يعني هذا أنّ استجابة الصفحة بحاجة إلى تحسين.
• إذا كان مقياس INP أعلى من 500 ملي ثانية، يعني ذلك أنّ الصفحة بطيئة الاستجابة.

ما هي التفاعلات؟

غالبًا ما يكون JavaScript هو العامل الأساسي في التفاعل، على الرغم من أنّ المتصفّحات توفّر تفاعلاً من خلال عناصر التحكّم التي لا تعمل باستخدام JavaScript، مثل مربّعات الاختيار وأزرار الاختيار وعناصر التحكّم التي تعمل باستخدام CSS.

وفقًا لأغراض مقياس INP، لا يتم رصد سوى أنواع التفاعلات التالية:

• النقر باستخدام الماوس
• النقر على جهاز مزوّد بشاشة تعمل باللمس
• الضغط على مفتاح في لوحة مفاتيح خارجية أو لوحة مفاتيح تظهر على الشاشة

تحدث التفاعلات في المستند الرئيسي أو في إطارات iframe المضمّنة في المستند، مثل النقر على زر التشغيل في فيديو مضمّن. لن يكون المستخدمون النهائيون على دراية بما إذا كان هناك إطار iframe أم لا، لذلك، يجب استخدام INP داخل إطارات iframe لقياس تجربة المستخدم للصفحة ذات المستوى الأعلى. بما أنّ واجهات برمجة تطبيقات JavaScript على الويب لا يمكنها الوصول إلى محتوى إطارات iframe، قد يظهر ذلك كفرق بين CrUX وRUM.

يمكن أن تتألف التفاعلات من أحداث متعددة. على سبيل المثال، تتضمّن ضغطة المفتاح الأحداث keydown وkeypress وkeyup. انقر على التفاعلات التي تحتوي على حدثَي pointerup وpointerdown. فالحدث ذو أطول مدة ضمن التفاعل هو ما يساهم في إجمالي وقت الاستجابة للتفاعل.

يتم احتساب مقياس INP للصفحة عندما يغادر المستخدِم الصفحة. والنتيجة هي قيمة واحدة تمثّل مدى استجابة الصفحة بشكل عام طوال دورة حياتها. يعني انخفاض مقياس INP أنّ الصفحة كانت تستجيب بشكل موثوق للبيانات التي يدخلها المستخدم.

ما هو الفرق بين مقياس INP ومقياس مهلة الاستجابة لأوّل إدخال (FID)؟

"مدى استجابة الصفحة لتفاعلات المستخدم" هو المقياس البديل لمقياس مهلة الاستجابة الأولى (FID). على الرغم من أنّ كلا المقياسَين يقيسان مدى استجابة الصفحة، إلا أنّ مقياس FID يقيس فقط تأخُّر الإدخال للتفاعل الأول على الصفحة. يحسّن مقياس "مدى استجابة الصفحة لتفاعلات المستخدم" (INP) من مقياس FID من خلال ملاحظة جميع التفاعلات على الصفحة، بدءًا من تأخير الإدخال، إلى الوقت الذي يستغرقه تشغيل معالِجات الأحداث، وأخيرًا إلى أن يرسم المتصفّح الإطار التالي.

تعني هذه الاختلافات أنّ كلاً من INP وFID نوعان مختلفان من مقاييس الاستجابة. في حين أنّ مهلة الاستجابة لأوّل إدخال (FID) كانت مقياسًا لاستجابة التحميل مصمّمًا لتقييم الانطباع الأول للمستخدم عن الصفحة، فإنّ مقياس INP هو مؤشر أكثر موثوقية على الاستجابة العامة، بغض النظر عن وقت حدوث التفاعلات على الصفحة.

ماذا يحدث إذا لم يتم الإبلاغ عن أي قيمة INP؟

من الممكن أن تعرض إحدى الصفحات أي قيمة INP. يمكن أن يحدث ذلك لعدد من الأسباب، بما في ذلك ما يلي:

• تم تحميل الصفحة، ولكن لم ينقر المستخدم أو ي��غط على مفتاح على لوحة المفاتيح.
• تم تحميل الصفحة، ولكن تفاعل المستخدم معها باستخدام إيماءات لم يتم قياسها، مثل التمرير فوق العناصر أو التمرير فوقها.
• يتم الوصول إلى الصفحة من خلال برنامج آلي، مثل الزاحف في محرّك بحث أو متصفّح بدون واجهة مستخدم لم يتم إعداد نص برمجي له للتفاعل مع الصفحة.

كيفية قياس مدى استجابة الصفحة لتفاعلات المستخدم

يمكن قياس INP في كلّ من الميدان والمختبر، إلى الحدّ الذي يمكنك فيه محاكاة تفاعلات المستخدمين الواقعية.

في المجال

من الأفضل أن تبدأ رحلتك في تحسين INP بالبيانات الميدانية. في أفضل حالاتها، لن تمنحك بيانات الحقل من ميزة "مراقبة المستخدِمين الفعليين" (RUM) قيمة INP للصفحة فحسب، بل ستمنحك أيضًا بيانات سياقية تُبرز التفاعل المحدّد المسؤول عن قيمة INP نفسها، سواء حدث التفاعل أثناء تحميل الصفحة أو بعدها، ونوع التفاعل (النقر أو الضغط على مفتاح أو النقر)، وغيرها من المُدد الزمنية القيّمة التي يمكن أن تساعدك في تحديد الجزء من التفاعل الذي كان يؤثر في الاستجابة.

إذا كان موقعك الإلكتروني مؤهَّلاً للظهور في تقرير تجربة مستخدم Chrome (CrUX)، يمكنك الحصول بسرعة على بيانات الاستخدام الفعلي لمقياس "مدى استجابة الصفحة لتفاعلات المستخدم" من خلال CrUX في "إحصاءات PageSpeed" (ومقاييس "مؤشرات أداء الويب الأساسية" الأخرى). على الأقل، يمكنك الحصول على صورة على مستوى المصدر لبيانات INP لموقعك الإلكتروني، ولكن في بعض الحالات، يمكنك أيضًا الحصول على بيانات على مستوى عنوان URL.

ومع أنّ CrUX يمكنه إعلامك إذا كانت هناك مشكلة، لا يمكنه إعلامك بسبب المشكلة. يمكن أن يساعدك حلّ RUM في اكتشاف المزيد من التفاصيل حول الصفحات أو المستخدِمين أو ��فاعلات المستخدِمين التي تواجه مشاكل في الاستجابة. إنّ القدرة على تحديد INP استنادًا إلى التفاعلات الفردية تتجنّب التخمين والجهد المبذول.

في المختبر

وفي الوضع المثالي، سترغب في بدء الاختبار في التمرين المعملي بمجرد أن تتوفر لديك بيانات ميدانية تشير إلى أن الصفحة تتميز بتفاعلات بطيئة. ستجعل البيانات الميدانية من إعادة إنتاج التفاعلات التي تؤدي إلى حدوث مشاكل في المختبر مهمة أكثر بساطة.

من الممكن تمامًا، مع ذلك، ألا تتوفّر لديك بيانات الاستخدام الفعلي. على الرغم من أنّه يمكن قياس مدى استجابة الصفحة لتفاعلات المستخدم في بعض أدوات المختبر، فإنّ قيمة مدى استجابة الصفحة لتفاعلات المستخدم الناتجة أثناء الاختبار في المختبر ستعتمد على التفاعلات التي يتم إجراؤها خلال فترة القياس. يمكن أن تكون سلوكيات المستخدمين غير متوقّعة ومتغيّرة للغاية، ما يعني أنّ اختبارك في المختبر قد لا يُظهر التفاعلات التي تؤدي إلى حدوث مشاكل بالطريقة نفسها التي يمكن أن تُظهرها البيانات الميدانية. بالإضافة إلى ذلك، لن تُبلغ بعض أدوات المختبر عن مقياس INP للصفحة لأنّها ترصد فقط تحميل الصفحة بدون أي تفاعلات. في هذه الحالات، قد يكون إجمالي وقت الحظر (TBT) مقياسًا بديلاً معقولاً لمقياس INP، ولكنه ليس بديلاً عن INP بحد ذاته.

على الرغم من أنّ هناك قيودًا في أدوات المختبر عند تقييم INP للصفحة، هناك بعض الاستراتيجيات لإعادة إنتاج التفاعلات البطيئة في المختبر. تشمل الاستراتيجيات اتّباع مسارات المستخدمين الشائعة واختبار التفاعلات على طول المسار، بالإضافة إلى التفاعل مع الصفحة أثناء تحميلها، عندما يكون الخيط الرئيسي غالبًا أكثر انشغالاً، وذلك لتحديد التفاعلات البطيئة خلال هذا الجزء المهم من تجربة المستخدم.

كيفية تحسين مقياس INP

تتوفّر مجموعة من الأدلة حول تحسين INP لإرشادك خلال عملية تحديد التفاعلات البطيئة في المجال، واستخدام البيانات المختبرية لمساعدتك في تحديد الأسباب وتحسينها.

سجلّ التغييرات

في بعض الأحيان، يتم اكتشاف أخطاء في واجهات برمجة التطبيقات المستخدَمة لقياس المقاييس، وفي بعض الأحيان في تعريفات المقاييس نفسها. نتيجةً لذلك، يجب إجراء تغييرات في بعض الأحيان، وقد تظهر هذه التغييرات كتحسينات أو تراجعات في التقارير الداخلية ولوحات البيانات.

لمساعدتك في إدارة ذلك، سيتم عرض جميع التغييرات التي تطرأ على تنفيذ هذه المقاييس أو تعريفها في سجلّ التغييرات هذا.

إذا كانت لديك ملاحظات حول هذه المقاييس، يُرجى تقديمها في مجموعة web-vitals-feedback على Google.

اختبِر معلوماتك