مؤشرات الويب الأساسية الثلاثة في 2026

تقيس Google ثلاثة مقاييس ميدانية أساسية لتجربة الصفحة. لكل منها حدٌّ لأداء "جيد":

• أكبر عنصر محتوى مرئي (LCP) — الوقت اللازم لعرض أكبر عنصر مرئي. جيد: أقل من 2.5 ثانية.
• التفاعل حتى الطلاء التالي (INP) — الاستجابة لجميع تفاعلات المستخدم (حلّ محل FID في مارس 2024). جيد: أقل من 200 مللي ثانية.
• التحول التراكمي في التخطيط (CLS) — الاستقرار المرئي أثناء التحميل. جيد: أقل من 0.1.

يمكن لبانر الموافقة الذي يحجب العرض، أو يشغّل JavaScript ثقيلًا عند التحميل، أو يُدخل تغييرات في التخطيط في وقت متأخر، أن يدفع أيًّا منها إلى نطاق "يحتاج تحسينًا" أو "ضعيف" — وتستخدم Google بيانات ميدانية لمدة 28 يومًا من مستخدمي Chrome الحقيقيين، لذا تتحوّل المشكلات العابرة إلى إشارات تصنيف مستمرة.

كيف تضرّ بانرات الموافقة بـ LCP

عادةً ما يُطلق Largest Contentful Paint على صورة البطل أو العنوان الرئيسي. عدة أنماط موافقة تؤخره دون داعٍ:

نصوص CMP التي تحجب العرض

يؤدي تحميل CMP بشكل متزامن من رأس المستند إلى إيقاف تحليل HTML حتى يتم تنزيل النص وتنفيذه. إذا كان CMP مستضافًا على CDN بطيء أو ذاكرة تخزين مؤقت باردة، يمكنك إضافة 200-800 مللي ثانية إلى LCP على مستوى العالم.

البانر يغطي عنصر البطل

إذا كان بانر الموافقة موضوعًا كتراكب نموذجي يغطي عنصر LCP، ستقيس المتصفحات LCP من العنصر المغطى. ومع ذلك، إذا كان البانر هو أكبر عنصر مُرسَم، يصبح مرشح LCP — وإذا عُرض عبر JavaScript بعد تحميل الصفحة، يكون LCP مرتفعًا بشكل مصطنع.

الإصلاح: التحميل غير المتزامن مع بوتستراب مضمّن صغير

قم بتحميل CMP الكامل بشكل غير متزامن (`async` أو `defer`)، مع نص مضمّن صغير فقط لعرض البانر الأولي. استهدف بوتستراب أصغر من 5 كيلوبايت مضغوط. يمكن التحميل الكسول لمنطق السلوك الكامل وقوائم البائعين وواجهة المستخدم بعد الطلاء الأول.

كيف تضرّ بانرات الموافقة بـ INP

يقيس Interaction to Next Paint أسوأ وقت استجابة عبر جميع النقرات والضغطات ومفاتيح الضغط أثناء الجلسة. غالبًا ما تكون تفاعلات موافقة ملفات تعريف الارتباط أول تفاعل يقوم به المستخدم — لذا فإن زر القبول البطيء يدمر الدرجة.

العمل الثقيل عند القبول

تُنفِّذ كثير من CMPs عملًا متزامنًا عند القبول: تحميل أكثر من 40 نصًا للبائعين، والكتابة إلى localStorage، وإطلاق أحداث dataLayer، وتشغيل تحديثات Google Consent Mode. إذا تجاوز هذا 200 مللي ثانية، يتأثر INP.

الإصلاح: جدولة العمل بعد الطلاء

عند النقر على قبول، أخفِ البانر فورًا وجدوِل العمل الثقيل مع `requestIdleCallback` أو `setTimeout(0)`. يرى المستخدم اختفاء البانر على الفور؛ تُحمَّل نصوص البائعين في الخلفية دون حجب التفاعل.

كيف تضرّ بانرات الموافقة بـ CLS

يتتبّع Cumulative Layout Shift الحركة المرئية غير المتوقعة. تُعدّ البانرات مصدرًا كلاسيكيًا لـ CLS عندما يتم حقنها في DOM بعد طلاء المحتوى.

حقن البانر المتأخر

إذا ظهر البانر بعد 800 مللي ثانية من LCP، فإنه يدفع المحتوى للأسفل ويولّد تحولًا في التخطيط. حتى البانر الصغير يمكن أن يُشغِّل درجة CLS بمقدار 0.1+ إذا أثّر على جزء كبير من نافذة العرض.

إعادة عرض أداة تفضيلات ملفات تعريف الارتباط

يمكن لأدوات التفضيلات في التذييل التي تُحمِّل شعارات البائعين بشكل غير متزامن أن تُعيد تدفق التذييل بأكمله عدة مرات، مما يُضاعف CLS.

الإصلاح: حجز المساحة مسبقًا

استخدم CSS لحجز مساحة البانر من أول طلاء — عنصر نائب ذو ارتفاع ثابت، `min-height` على التذييل، أو بانر مثبّت في الأسفل لا يدفع المحتوى. يجب أن تقدّم CMPs الحديثة تهيئة بدون CLS جاهزة للاستخدام.

Google Consent Mode V2 والأداء

يتيح Consent Mode V2 لعلامات Google العمل في حالة بدون ملفات تعريف ارتباط قبل الموافقة، مع تمرير الإشارات عبر `gtag('consent', 'default', {...})`. هذا رائع لاستمرارية القياس، لكن مكتبة gtag.js نفسها تبلغ 50-90 كيلوبايت. قم بتحميلها بشكل غير متزامن وضع الإعدادات الافتراضية في أقرب وقت ممكن لتجنّب حالات السباق.

• ضع الإعدادات الافتراضية قبل تحميل gtag — ضع استدعاء الافتراضي للموافقة في الرأس، قبل نص gtag.js.
• استخدم `analytics_storage: 'denied'` كإعداد افتراضي — يقلّل من البيانات المجمّعة قبل الموافقة.
• التحديث عند القبول عبر requestIdleCallback — تجنّب حجب الخيط الرئيسي.

قياس تأثير CMP على مؤشرات الويب الأساسية

لا تخمّن — قِس. استخدم هذه الأدوات لتحديد تأثير بانرك:

• PageSpeed Insights — بيانات ميدانية من Chrome UX Report بالإضافة إلى تدقيق Lighthouse المخبري. قارن الدرجات مع وبدون نص CMP.
• امتداد Chrome لـ Web Vitals — تراكب LCP وINP وCLS في الوقت الفعلي أثناء الاختبار المحلي.
• WebPageTest.org — عرض شريط الأفلام والشلال يُظهر بالضبط متى يعرض البانر وما الذي يحجبه.
• تقرير Core Web Vitals في Search Console — بيانات ميدانية لمدة 28 يومًا مجمّعة حسب نمط URL. تحقق مما إذا كانت صفحات الهبوط التي تحتوي على بانرك تحصل على درجات مختلفة عن الصفحات بدونه.

كيف يحافظ FlexyConsent على سرعته