توشك أن تضغط زرًا على الهاتف، فتتحرك الصفحة قبيل ذلك. لم يعد الزر تحت إصبعك. لهذا التحرك مقياس اسمه CLS. في اختبار مختبري لموقعي يوم 7 سبتمبر 2026، باستخدام محاكاة للهاتف، كانت النتيجة 0.262. وهي ضمن النطاق الذي تصنّفه Google بأنه ضعيف.
يرمز CLS إلى Cumulative Layout Shift، أي التحول التراكمي في تخطيط الصفحة. يقيس التغيرات غير المتوقعة في موضع المحتوى الظاهر، لا مدة تحميل الموقع. النتيجة 0.1 أو أقل جيدة؛ وما يزيد على 0.1 حتى 0.25 يحتاج إلى تحسين؛ وما يزيد على 0.25 ضعيف. تشرح Google المقياس وحدوده.
الخلل كان في المحتوى المؤقت
بحثت عن العنصر الذي يغيّر موضعه. كان تذييل الصفحة ينتقل من البكسل 593 إلى البكسل 15,350. يظهر أولًا داخل الشاشة الأولى، ثم يصبح بعيدًا في الأسفل. ولم يكن الخلل مقتصرًا على الهاتف.
كان السبب عملية استبدال تحدث عند بدء عرض الصفحة. يعرض المتصفح محتوى مؤقتًا قبل رسم المحتوى الكامل. لم يكن هذا المحتوى يحجز سوى 60 % من ارتفاع الشاشة، فيبقى التذييل ظاهرًا. وعندما يظهر الباقي، يخرج التذييل من الشاشة.
حجزت ارتفاع شاشة كاملة. أصبح التذييل خارج الشاشة الأولى خلال عرض المحتوى المؤقت وبعده. كان يمكن أن يتغير موضعه، لكن الحركة لم تعد ظاهرة ولا تُحتسب ضمن CLS. وفي مقارنة محلية بين النسختين، تحت ظروف الاختبار نفسها، انتقلت نتيجة محاكاة الهاتف من 0.262 إلى 0.
| المقارنة المحلية بمحاكاة الهاتف | قبل | بعد |
|---|---|---|
| CLS | 0.262 | 0 |
| التذييل أثناء عرض المحتوى المؤقت | البكسل 593، داخل الشاشة الأولى | البكسل 918، خارج الشاشة الأولى |
| المساحة المحجوزة للمحتوى المؤقت | 60 % من ارتفاع الشاشة | ارتفاع شاشة كاملة |
هذه النتيجة الصفرية تخص الاختبار المحلي، ولا تثبت النتيجة الحالية للموقع المنشور.
كنت أفتح الموقع يوميًا ولم ألاحظ الخلل. فقد كان في محتوى مؤقت يختفي خلال بضعة أعشار من الثانية.
كيف تقرأ نتيجة PageSpeed
لفحص موقعك، افتح PageSpeed Insights، وأدخل عنوانه واختر الهاتف. ابحث عن CLS، وانتبه أيضًا إلى القسم الذي يظهر فيه.
يعرض قسم تجربة المستخدمين زيارات فعلية خلال آخر 28 يومًا، إذا توافرت بيانات كافية. تحقّق مما إذا كانت تخص تلك الصفحة أو الموقع ككل. أما الاختبار المختبري فيحاكي تحميل صفحة ويساعد على البحث عن الخلل. وقد لا يرصد تحركات تحدث لاحقًا خلال الزيارة. تميّز وثائق PageSpeed بين القراءتين.
إذا أصلحت شيئًا للتو، فقد يُظهر الاختبار التحسن قبل أن يظهر في سجل الزيارات. وإذا لم تتوافر بيانات الزيارات الفعلية، فهذا يعني غياب هذا الدليل؛ ولا يعني أن كل شيء يعمل جيدًا.
كذلك، لا يحدد ارتفاع CLS السبب وحده. في موقع آخر، قد تكون هناك صورة أو خط أو عنصر يظهر لاحقًا. سأطلب من المسؤول عن الصفحة تحديد ما يتحرك وما يدفعه، قبل تغيير أي شيء.
مقياس لسلوك الصفحة
لا يخبرني CLS إن كان النص مفهومًا أو إن كان الموقع يحقق مبيعات. ليس لدي قياس للمبيعات التي فُقدت بسبب ذلك التحرك. ولا أستطيع تحويل التحسن من 0.262 إلى 0 إلى وعد بإيرادات.
إذا ظهرت نتيجة ضعيفة، احفظ العنوان والتاريخ وما إذا كانت مستمدة من زيارات فعلية أو من اختبار. اطلب رؤية التحرك قبل إصلاحه، وإعادة الاختبار بعد ذلك.
المصادر
- Google/web.dev: تعريف CLS وحدوده وحدود القياس — اطّلعت عليه في 10-10-2026.
- Google: تفسير بيانات PageSpeed Insights — اطّلعت عليه في 10-10-2026.
- قياساتي الخاصة لـ CLS — سجل بتاريخ 7 سبتمبر 2026. اختبار Lighthouse بمحاكاة الهاتف والحاسوب ومراقبة المواضع أثناء التحميل. مقارنة مضبوطة في معاينة محلية: محاكاة الهاتف 0.262 → 0. لا تثبت القيمة الحالية للموقع المنشور.
إذا أردت أن تخبرني عن تحرك لاحظته، يمكنك مراسلتي على hola@hebra.studio. عنوان الصفحة ولقطة لنتيجة القياس نقطة بداية مفيدة.