استجابة متجرك

ما هو INP

INP اختصار يعني «التفاعل حتى الرسم التالي» — الوقت بين أيّ تفاعل من المستخدم (نقرة، ضغطة، تمرير) وبين أوّل تحديث بصري يعكس ذلك التفاعل. ببساطة: متى يحسّ المستخدم أن النقر 'نجح'؟

قوقل استبدلت مؤشّر FID بمؤشّر INP في مارس ٢٠٢٤ لأن INP يقيس كل التفاعلات في الجلسة، لا أول واحد فقط. أكثر دقّة، وأكثر صرامة.

الأرقام التي يجب أن تعرفها

• أقل من ٢٠٠ ميلي ثانية — جيد. المستخدم لا يشعر بأي تأخير.
• بين ٢٠٠ و٥٠٠ — يحتاج تحسين. التأخير ملحوظ لكن محتمل.
• أكثر من ٥٠٠ — سيّء. المستخدم يضغط مرّة ثانية ظانّاً أن النقرة الأولى لم تُسجّل.

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

ما الذي يجعل المتجر بطيء الاستجابة

السبب الجوهري: الخيط الرئيسي محمّل. المتصفّح عنده خيط واحد للعرض ولتفاعل المستخدم ولتشغيل JavaScript. لو فيه JavaScript يشتغل، الخيط لا يقدر يستجيب للنقرات. النتيجة: تأخير.

أسباب التحميل الشائعة في متاجر سلة وزد:

1. نصوص تتبّع برمجية ضخمة تشتغل في الخلفية باستمرار — وسم تتبّع فيسبوك، وسم تتبّع سناب شات، Hotjar، حاويات GTM كبيرة.
2. أدوات المحادثة تفتح اتصالات دائمة وتزامن الحالة بشكل دوري.
3. محرّكات اقتراح المنتجات تُجري حسابات كل ما يتحرّك المستخدم.
4. أشرطة الصور الدوّارة تحسب التخطيط على كل حركة تمرير.
5. الأدوات الخارجية الثقيلة (التقييمات، العدّادات الحيّة، قوائم الأمنيات) تستعلم من الخادم باستمرار.

كيف نقيسها في Whisper

أداة PageSpeed Insights تعطيك رقم INP بناءً على بيانات حقيقية من تقرير تجربة مستخدمي Chrome (CrUX). هذا الرقم 'الحقيقي'، لا المُحاكى.

لكن لو متجرك صغير أو جديد، CrUX قد لا يكون عنده بيانات كافية. في هذه الحالة، نستخدم لسان الأداء في Chrome DevTools: نسجّل تفاعلاً، نقرأ مدد المهام، نحدّد النص البرمجي الذي يحجز الخيط.

تحسينات INP الجوهرية

1. احذف نصوص التتبّع البرمجية التي لا تستخدمها فعلاً. كل وسم تتبّع يضيف وقت تشغيل. لو ما عندك إعلانات سناب شات، لا تحمّل وسم تتبّع سناب شات.
2. أجّل تحميل النصوص البرمجية الخارجية باستخدام السمة defer أو async. هذا قرار تقني — مطوّر يقدر يطبّقه في يوم.
3. احذف أداة المحادثة لو متوسط الاستخدام أقل من ٥٪ من الزوّار. الأكثر استخداماً عند المتاجر السعودية: رابط WhatsApp مباشر، أقل ثقلاً.
4. أشرطة الصور الدوّارة: استبدلها بخاصية scroll snap في CSS بدل المنزلقات المبنيّة على JavaScript.

متى يكون INP أهم من LCP

في متجر فيه كثير من تفاعلات اللمس — أزرار 'أضف للسلة'، محدّدات الكمية، محدّدات المقاس، قوائم الأمنيات — INP يحدّد التجربة الفعلية أكثر من LCP. لأن المستخدم يصل للصفحة (LCP)، ثم يقضي ثوانٍ يتفاعل (INP).

في صفحة رئيسية بسيطة (مثل صفحة 'من نحن')، LCP يكفي. لكن في صفحة السلة أو صفحة تفاصيل المنتج، INP هو المعيار الأهم.

السرعة الأولى تبني الانطباع. الاستجابة المستمرة تبني الثقة. متجر سريع البدء لكن بطيء الاستجابة هو متجر يكسب الزائر ثم يفقده.

الخلاصة

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

ابدأ بمراجعة نصوص التتبّع البرمجية. هي السبب الأول في ٧٠٪ من الحالات التي شخّصناها.