01 / المسرد
انزياح التخطيط
CLS · درجة لمدى تحرك العناصر بشكل غير متوقع أثناء تحميل الصفحة؛ تُعدّ Google أن 0.1 أو أقل جيد.
- 01
لماذا هو مهم؟
انزلاق التخطيط هو تغيّر مواقع العناصر بشكل غير متوقع أثناء تحميل الصفحة. يقفز النص الذي يُقرأ، فيضغط الزائر الزر الخطأ؛ وهو أمر مزعج وقد يسبب طلبات أو نقرات خاطئة. الصور بلا أبعاد محددة والإعلانات التي تُحمَّل لاحقًا واستبدال الخطوط هي الأسباب الأكثر شيوعًا.
- 02
مثال
في صفحة الدفع، تُدرج لافتة ترويجية تُحمَّل متأخرًا فوق زر «إتمام الطلب» وتدفعه إلى الأسفل. وبعد حجز مساحة للافتة، يبقى الزر في مكانه وتتوقف النقرات الخاطئة.
- 03
خطأ شائع
عدم تحديد عرض وارتفاع للصور. إذا لم يعرف المتصفح حجم الصورة مسبقًا فلا يستطيع حجز مساحة لها، فيندفع المحتوى إلى الأسفل عند وصول الصورة.
- 04