ما معنى CLS؟
CLS هو اختصار لـ Cumulative Layout Shift، ويعني التغير التراكمي في تخطيط الصفحة. ببساطة، هو مقياس يستخدم لقياس مدى استقرار العناصر على صفحة الويب أثناء تحميلها، أي مدى تغير مواقعها بشكل غير متوقع أثناء التفاعل مع المحتوى.
فهم CLS بشكل مفصل
عندما تقوم بفتح صفحة ويب، من الطبيعي أن ترى بعض العناصر تظهر تدريجيًا، مثل الصور أو النصوص أو الإعلانات. إذا تحركت هذه العناصر فجأة وأثرت على وضعية المحتوى الذي تراه، فهذه تحركات تسبب تجربة مستخدم سيئة، خصوصًا عندما يحاول المستخدم الضغط على رابط أو زر معين بينما تتحرك الصفحة فجأة.
مؤشر CLS يقيس هذه التحركات غير المتوقعة للعناصر عبر الزمن أثناء تحميل الصفحة. كل حركة عرضية أو رأسية للعناصر على الصفحة تُحسب وتُجمع لتعطي قيمة تراكميّة، وهذه القيمة هي التي تمثل CLS.
لماذا يعتبر CLS مهمًا؟
CLS من مقاييس تجربة المستخدم الرئيسية التي تعتمد عليها جوجل عند تقييم جودة الموقع، خاصة ضمن معايير Web Vitals التي تهدف إلى تحسين سرعة وأداء المواقع. موقع يحصل على قيمة CLS منخفضة يعني أن محتوى الصفحة مستقر ولا يتحرك أثناء التصفح، وهذا يمنح الزائر تجربة أكثر سلاسة ويساعد في تقليل الأخطاء التي قد تحدث بضغط روابط أو أزرار خاطئة.
كيفية تقليل CLS
لتقليل قيمة CLS وتحسين استقرار الصفحة، يجب اتباع بعض الممارسات مثل تخصيص أبعاد ثابتة للصور ومقاطع الفيديو قبل تحميلها، تجنب إضافة محتوى جديد فجأة فوق المحتوى القديم، وتأجيل تحميل الإعلانات أو التعليقات التي تؤدي إلى تغيير تخطيط الصفحة بعد تحميل العنصر الأساسي. باستخدام هذه الطرق، تضمن بقاء عناصر الصفحة على مكانها دون تحركات مفاجئة تعرض المستخدم للإرباك.
