شاهین

جابه‌جایی چیدمان (CLS)

متوسط
به‌روزرسانی ۲۰ تیر ۱۴۰۵ تحریریه شاهین ۲ دقیقه مطالعه
تلفظEN/ˈkjuːmjələtɪv ˈleɪaʊt ʃɪft/

جابه‌جایی چیدمان یا CLS نمره‌ای بدون واحد است که می‌سنجد محتوای دیدنی صفحه در حین بارگذاری و کار کردن کاربر، چقدر ناگهانی جابه‌جا می‌شود.

مرورگر هر پرش را با ضرب دو نسبت نمره می‌دهد: چه سهمی از صفحه جابه‌جا شد و چقدر جابه‌جا شد؛ سپس به‌جای جمع کل عمر صفحه، بزرگ‌ترین دسته پرش‌هایی که در یک پنجره حداکثر پنج‌ثانیه‌ای پشت هم رخ داده‌اند گزارش می‌شود. جابه‌جایی که تا نیم‌ثانیه پس از کلیک یا لمس کاربر اتفاق بیفتد شمرده نمی‌شود، چون کاربر خودش انتظارش را داشته است. خطای رایج این است که یک تست موفق را تضمین بدانند: نمره در آزمایشگاه پایین می‌ماند چون تستر اسکرول نمی‌کند و صفحه را زود می‌بندد، ولی کاربر واقعی پایین می‌رود، تصویر تنبل و بنر رضایت کوکی دیرتر می‌آیند و چیدمان همان‌جا می‌پرد. نکته دوم اینکه اندازه‌گیری تا لحظه ترک صفحه ادامه دارد؛ نمره جمع کل عمر صفحه نیست، ولی صفحه‌های طولانی و اپ‌های تک‌صفحه‌ای فرصت بیشتری دارند که به یک پنجره بد بخورند.

چطور محاسبه می‌شود؟

نمره جابه‌جایی چیدمان = بزرگ‌ترین مجموع نمره پرش‌ها در یک پنجره پنج‌ثانیه‌ای، و نمره هر پرش = سهم ناحیه جابه‌جاشده از صفحه نمایش × نسبت فاصله جابه‌جایی به بزرگ‌ترین بعد صفحه نمایش

فقط پرش‌های غیرمنتظره وارد محاسبه می‌شوند و خروجی عددی بدون واحد است، نه زمان و نه درصد. داوری روی صدک هفتادوپنجم بازدیدها و به تفکیک موبایل و دسکتاپ انجام می‌شود؛ بر پایه مستندات web.dev، مقدار زیر ۰.۱ خوب، بین ۰.۱ تا ۰.۲۵ نیازمند بهبود و بالای ۰.۲۵ ضعیف است.

پرسش‌های پرتکرار

منابع:web.dev — Cumulative Layout Shift (CLS)MDN — LayoutShift