CLS: تعریف و معنی

CLSCumulative Layout Shift/ˈkjuː.mjə.lə.t̬ɪv ˈleɪ.aʊt ʃɪft/کیومولِیتیو لی‌اوت شیفت
۱ محتوا · آخرین به‌روزرسانی:

CLS معیار Core Web Vitals برای ثبات بصری است - میزان پرش غیرمنتظره محتوای صفحه در حین بارگیری یا در حین استفاده را کمیت می‌کند.

تعریف دقیق

CLS یک امتیاز بدون واحد است که ترکیبی از بزرگی عناصر جابجایی و میزان حرکت آنها است که در بدترین تغییرات در یک بازدید خلاصه می‌شود. جابجایی‌هایی که در 500 میلی‌ثانیه پس از یک اقدام کاربر فعال می‌شوند، حساب نمی‌شوند. آستانه‌های Google: خوب زیر 0. 1، ضعیف بالای 0. 25، در صدک 75 کاربران واقعی. دلایل کلاسیک تصاویر بدون ابعاد، تبلیغات و بنرهای دیر بارگذاری شده و جابجایی فونت‌های وب هستند.

مثال

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

چرا اهمیت دارد

جهش‌های چیدمان باعث خطا و کاهش اعتماد می‌شود. یک صفحه پایدار قابلیت استفاده را بهبود می‌بخشد و از نوار تجربه صفحه Google عبور می‌کند.

محتواهای این برچسب ۱ محتوا

سوالات متداول

نمره CLS خوب چقدر است؟

CLS 0. 1 یا پایین‌تر رتبه‌بندی خوبی دارد، بین 0. 1 تا 0. 25 نیاز به بهبود دارد و بالای 0. 25 ضعیف است. Google صدک 75 بازدیدهای کاربر واقعی را ارزیابی می‌کند، بنابراین جابجایی‌های گاه به گاه در دستگاه‌های کند همچنان می‌تواند شما را از خط خارج کند.

شایع‌ترین دلایل تغییر چیدمان چیست؟

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