Core Web Vitals سه معیاری است که Google برای سنجش عینی تجربه کاربری یک صفحه وب تعیین کرده است: سرعت بارگذاری، سرعت پاسخ به تعامل و پایداری بصری. از سال 2021 بخشی رسمی از سیگنالهای رتبهبندی Google است — عاملی کوچک اما واقعی.
Core Web Vitals چیست؟
این سه معیار عبارتاند از:
- LCP (Largest Contentful Paint): مدت زمانی که طول میکشد تا بزرگترین عنصر بصری صفحه نمایش داده شود.
- INP (Interaction to Next Paint): مدت زمانی که صفحه برای واکنش به کلیک/لمس کاربر نیاز دارد.
- CLS (Cumulative Layout Shift): میزان جابهجایی غیرمنتظره عناصر هنگام بارگذاری صفحه.
هر سه از دادههای کاربران واقعی (تلهمتری ناشناس کاربران Chrome) محاسبه میشوند؛ نه آزمون آزمایشگاهی، بلکه تجربه واقعی بازدیدکنندگان واقعی.
LCP — بزرگترین ترسیم محتوایی
LCP لحظهای است که کاربر احساس میکند «صفحه بارگذاری شد» — معمولاً یک تصویر اصلی، بلوک عنوان یا قاب کاور یک ویدیوی بزرگ. آستانههای Google:
| مقدار | ارزیابی |
|---|---|
| 2.5 ثانیه و کمتر | خوب |
| 2.5 – 4 ثانیه | نیازمند بهبود |
| بیش از 4 ثانیه | ضعیف |
رایجترین دلایل: تصاویر بزرگ بهینهنشده، زمان پاسخ کند سرور، فایلهای CSS/JS مسدودکننده رندر و فونتهایی که دیر بارگذاری میشوند.
INP — تعامل تا ترسیم بعدی
INP که در سال 2024 جایگزین معیار قدیمی FID (First Input Delay) شد، نه فقط اولین تعامل، بلکه سرعت پاسخ تمام تعاملهای صفحه را میسنجد. این معیار تشخیص میدهد که آیا با فشردن یک دکمه صفحه قفل میشود یا نه.
| مقدار | ارزیابی |
|---|---|
| 200 میلیثانیه و کمتر | خوب |
| 200 – 500 ms | نیازمند بهبود |
| بیش از 500 ms | ضعیف |
رایجترین دلیل، اجرای سنگین JavaScript است که رشته اصلی (main thread) را برای مدت طولانی مشغول میکند — بهویژه اسکریپتهای شخص ثالث (تبلیغات، پشتیبانی آنلاین، ابزارهای تحلیلی) که هنگام بارگذاری صفحه اجرا میشوند، اغلب باعث این مشکل هستند.
CLS — جابهجایی تجمعی چیدمان
درست زمانی که میخواهید روی یک خبر کلیک کنید، صفحه ناگهان جابهجا میشود و بهاشتباه روی یک تبلیغ کلیک میکنید — CLS دقیقاً همین را میسنجد. تصاویر بدون ابعاد تعریفشده، فضاهای تبلیغ/بنری که بعداً بارگذاری میشوند و فونتهایی که دیر بارگذاری میشوند (font swap) رایجترین دلایل هستند.
| مقدار | ارزیابی |
|---|---|
| 0.1 و کمتر | خوب |
| 0.1 – 0.25 | نیازمند بهبود |
| بیش از 0.25 | ضعیف |
واقعاً چه تأثیری بر سئو دارد؟
در اینجا تنظیم درست انتظارات مهم است: Core Web Vitals به اندازه کیفیت محتوا و تطابق با هدف جستجو، عامل رتبهبندی قدرتمندی نیست. طبق توضیح خود Google، «میان دو محتوای به یک اندازه خوب» نقش عامل تعیینکننده را ایفا میکند — یعنی امتیاز بالای Web Vitals محتوای ضعیف را نجات نمیدهد، اما میان دو صفحه با کیفیت مشابه، صفحه سریعتر میتواند پیش بیفتد.
اما تأثیر غیرمستقیم آن از تأثیر مستقیمش بیشتر است: صفحه کند و ناپایدار کاربر را فراری میدهد، نرخ پرش را بالا میبرد، مدت جلسه را کاهش میدهد — و این سیگنالهای رفتاری بسیار بیشتر از Core Web Vitals بر رتبهبندی تأثیر میگذارند.
چگونه اندازهگیری میشود؟
- PageSpeed Insights: هم دادههای کاربران واقعی (در صورت وجود) و هم آزمون آزمایشگاهی را در یک صفحه نمایش میدهد. کاربردیترین نقطه شروع.
- Search Console → Core Web Vitals: با گروهبندی تمام صفحات سایت شما، بهصورت یکجا نشان میدهد کدامها «خوب»، «نیازمند بهبود» یا «ضعیف» هستند.
- Chrome DevTools → Lighthouse: در کنسول توسعهدهنده، تحلیلی فوری و دقیق ارائه میدهد.
گامهای عملی برای بهبود
- تصاویر را به فرمت مدرن تبدیل کنید. از WebP/AVIF استفاده کنید، آنها را در اندازه واقعی نمایش
فشرده کنید و تصاویر پایین صفحه را با
loading="lazy"با تأخیر بارگذاری کنید. - برای تصاویر و فضاهای تبلیغاتی ابعاد ثابت تعیین کنید. مرورگر باید پیش از بارگذاری محتوا بداند چه مقدار فضا اختصاص دهد — این کار مستقیماً CLS را بهبود میدهد.
- منابع مسدودکننده رندر را کاهش دهید. فایلهای CSS/JS غیرحیاتی را بهصورت تأخیری (defer/async) بارگذاری کنید.
- فونتها را بهینه کنید. از
font-display: swapاستفاده کنید و وزنها/نویسههای غیرضروری را بارگذاری نکنید. - اسکریپتهای شخص ثالث را محدود کنید. هر اسکریپت پشتیبانی آنلاین، تحلیلی یا تبلیغاتی که اضافه میکنید میتواند INP را بدتر کند؛ فقط موارد واقعاً ضروری را نگه دارید.
- زمان پاسخ سرور را کوتاه کنید. ذخیرهسازی موقت (caching) و انتخاب یک میزبانی مناسب، نادیدهگرفتهشدهترین اما مؤثرترین ورودی LCP است.
ترتیب اولویت: معمولاً بیشترین بهره از تصاویر به دست میآید — در بیشتر سایتها منشأ مشکل LCP یک تصویر بزرگ بهینهنشده است. ابتدا آن را اصلاح کنید، سپس به سراغ موارد دیگر بروید.
اگر با وجود سرعت خوب صفحه نمیتوانید بازدیدکننده جذب کنید، گلوگاه در دیدهشدن است — در این صورت میتوانید نگاهی به راهنمای افزایش CTR ما یا مقاله کلی ما درباره افزایش ترافیک ارگانیک بیندازید.