مقالات

Core Web Vitals چیست؟ راهنمای کامل LCP، INP و CLS
Core Web Vitals

Core Web Vitals چیست؟ راهنمای کامل LCP، INP و CLS

اگر تا به حال گزارش تست سرعت سایت خود را در ابزارهایی مثل PageSpeed Insights یا SpeedScan دیده باشید، احتمالاً با سه معیار LCP، INP و CLS روبه‌رو شده‌اید. این سه معیار با هم Core Web Vitals (معیارهای حیاتی وب) نامیده می‌شوند؛ مجموعه‌ای که گوگل از سال ۲۰۲۱ به‌عنوان بخشی از الگوریتم رتبه‌بندی Page Experience معرفی کرد.

بازه‌های خوب، نیاز به بهبود و ضعیف برای LCP، INP و CLS

LCP (Largest Contentful Paint)

LCP زمانی را اندازه می‌گیرد که بزرگ‌ترین عنصر قابل مشاهده در صفحه — معمولاً یک تصویر اصلی، ویدیو یا بلوک متنی بزرگ — به‌طور کامل رندر می‌شود. این معیار نشان می‌دهد کاربر چقدر باید صبر کند تا محتوای اصلی صفحه را ببیند.

  • خوب: کمتر از ۲.۵ ثانیه
  • نیاز به بهبود: بین ۲.۵ تا ۴ ثانیه
  • ضعیف: بیشتر از ۴ ثانیه

رایج‌ترین دلایل LCP بالا: سرور کند (TTFB بالا)، تصاویر بهینه‌نشده، فونت‌ها و CSS render-blocking، و عدم استفاده از lazy loading درست برای تصویر اصلی صفحه (که در واقع باید برعکس باشد — تصویر LCP نباید lazy لود شود).

INP (Interaction to Next Paint)

INP جایگزین معیار قدیمی‌تر FID شده و پاسخ‌دهی کلی صفحه به تعامل‌های کاربر (کلیک، لمس، فشردن کلید) را در کل طول عمر صفحه اندازه می‌گیرد، نه فقط اولین تعامل. اگر با کلیک روی یک دکمه، رابط کاربری با تأخیر واکنش نشان دهد، INP بالا می‌رود.

  • خوب: کمتر از ۲۰۰ میلی‌ثانیه
  • نیاز به بهبود: بین ۲۰۰ تا ۵۰۰ میلی‌ثانیه
  • ضعیف: بیشتر از ۵۰۰ میلی‌ثانیه

معمولاً جاوااسکریپت سنگین، تسک‌های طولانی روی thread اصلی مرورگر و اسکریپت‌های شخص‌ثالث (تبلیغات، آنالیتیکس) اصلی‌ترین عامل INP بالا هستند.

CLS (Cumulative Layout Shift)

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

  • خوب: کمتر از ۰.۱
  • نیاز به بهبود: بین ۰.۱ تا ۰.۲۵
  • ضعیف: بیشتر از ۰.۲۵

راه‌حل اصلی CLS این است که همیشه برای تصاویر و ویدیوها ویژگی‌های width و height (یا aspect-ratio در CSS) را مشخص کنید و برای فضای تبلیغات و بنرهای دینامیک از قبل جای ثابت در نظر بگیرید.

هر سه معیار Core Web Vitals با هم سنجیده می‌شوند؛ بهینه‌سازی فقط یکی از آن‌ها (مثلاً LCP) بدون توجه به INP و CLS، تجربه‌ی کاربر را به‌طور کامل بهبود نمی‌دهد.

چرا این معیارها برای سئو مهم‌اند؟

گوگل Core Web Vitals را به‌عنوان یکی از سیگنال‌های رتبه‌بندی در نظر می‌گیرد، به‌خصوص وقتی چند سایت از نظر کیفیت محتوا نزدیک به هم باشند. علاوه بر آن، صفحه‌ای که سریع‌تر لود می‌شود و کمتر جابه‌جا می‌شود، نرخ پرش (bounce rate) پایین‌تر و نرخ تبدیل بالاتری دارد.

برای بررسی وضعیت فعلی سایت خود، می‌توانید از ابزار تست سرعت SpeedScan استفاده کنید تا هر سه معیار به همراه تشخیص دقیق مشکلات فنی صفحه‌ی شما نمایش داده شود.

بازگشت به مقالات

دیدگاه‌ها

هنوز دیدگاهی ثبت نشده. اولین نفری باشید که نظر می‌دهد.