سرعت بارگذاری، واکنشپذیری صفحه و پایداری بصری، سه ویژگی هستند که کاربر حتی بدون آنکه نام آنها را بداند، آنها را احساس میکند. هنگامی که صفحهای دیر باز میشود، دکمهای دیر پاسخ میدهد یا محتوا زیر دست کاربر جابهجا میشود، تجربه نامطلوبی از سایت ایجاد میشود؛ و گوگل دقیقاً همین حس را با معیاری به نام Core Web Vitals اندازهگیری میکند و در رتبهبندی نتایج جستجو لحاظ میکند.
در این مقاله با این معیارها، نحوه اندازهگیری آنها، راهکارهای بهبود و همچنین تاثیر هاستینگ بر این شاخصها آشنا خواهیم شد.
Core Web Vitals چیست؟
Core Web Vitals مجموعهای از معیارهای گوگل است که تجربه واقعی کاربر از یک صفحه وب را به عدد تبدیل میکند. این معیارها بخشی از مجموعه بزرگتری با عنوان Page Experience هستند که گوگل از سال ۲۰۲۱ بهعنوان یکی از فاکتورهای رتبهبندی در نظر میگیرد.
فلسفه این معیارها ساده است: بهجای سنجیدن مفاهیم فنی انتزاعی، گوگل سه پرسش عملی مطرح میکند:
- محتوای اصلی صفحه چه مدت طول میکشد تا نمایش داده شود؟
- صفحه چهقدر سریع به کلیک یا لمس کاربر واکنش نشان میدهد؟
- محتوای صفحه هنگام بارگذاری چهقدر جابهجا میشود؟
سه معیار اصلی Core Web Vitals
در حال حاضر Core Web Vitals از سه معیار تشکیل شده است: LCP، INP و CLS. نکته مهمی که هر فرد آشنا با این حوزه باید بداند این است که معیار قدیمیتری با نام FID (First Input Delay) از مارس ۲۰۲۴ کنار گذاشته شده و جای خود را به INP داده است. اگر در منبعی هنوز FID بهعنوان معیار سوم معرفی شده باشد، آن منبع بهروز نیست.
| معیار | نام کامل | چه چیزی رو میسنجه | وضعیت خوب | نیاز به بهبود | ضعیف |
| LCP | Largest Contentful Paint | زمان نمایش بزرگترین عنصر محتوایی صفحه | ≤ ۲.۵ ثانیه | ۲.۵ تا ۴ ثانیه | بیشتر از ۴ ثانیه |
| INP | Interaction to Next Paint | فاصله بین تعامل کاربر تا واکنش بصری صفحه | ≤ ۲۰۰ میلیثانیه | ۲۰۰ تا ۵۰۰ میلیثانیه | بیشتر از ۵۰۰ میلیثانیه |
| CLS | Cumulative Layout Shift | میزان جابهجایی غیرمنتظره عناصر حین بارگذاری | ≤ ۰.۱ | ۰.۱ تا ۰.۲۵ | بیشتر از ۰.۲۵ |
همه این آستانهها در صدک ۷۵ کاربران واقعی سنجیده میشوند؛ یعنی ۷۵ درصد بازدیدکنندگان سایت باید تجربهای در همین بازه داشته باشند تا صفحه «قابل قبول» شناخته شود.
LCP (سرعت بارگذاری محتوای اصلی)
LCP نشان میدهد بزرگترین عنصر قابل مشاهده در ویوپورت — که معمولاً تصویر هیرو، بنر یا یک بلوک متنی بزرگ است — چه مدت طول میکشد تا کامل رندر شود. تاخیر در LCP معمولاً ناشی از سرور کند، فایلهای حجیم CSS/JS مسدودکننده رندر، یا تصاویر بهینهنشده است.
INP (سرعت واکنشپذیری صفحه)
برخلاف FID که تنها اولین تعامل کاربر را میسنجید، INP تمام تعاملات طول بازدید کاربر را در نظر میگیرد. به این معنا که اگر صفحه در اولین کلیک سریع باشد اما در کلیکهای بعدی کند شود (مثلاً به دلیل اسکریپتهای سنگین تبلیغاتی یا آنالیتیکس)، INP این موضوع را منعکس میکند؛ در حالی که FID میتوانست این مشکل را کاملاً نادیده بگیرد.
CLS (پایداری بصری صفحه)
CLS جابهجاییهای ناخواسته عناصر صفحه را اندازهگیری میکند؛ مانند زمانی که کاربر قصد کلیک روی دکمهای را دارد، اما یک تبلیغ یا تصویر دیر بارگذاریشده محتوا را جابهجا میکند و کلیک روی عنصر دیگری انجام میشود. این معیار معمولاً ناشی از تصاویر و ویدیوهای بدون ابعاد مشخص، فونتهای وب با بارگذاری دیرهنگام، یا محتوای تزریقشده پویا مانند تبلیغات است.
اندازهگیری Core Web Vitals
پیش از بهبود هر معیار، باید دانست سایت در حال حاضر در چه وضعیتی قرار دارد. اندازهگیری Core Web Vitals از دو مسیر متفاوت انجام میشود که درک تفاوت آنها اهمیت زیادی دارد.
تفاوت داده میدانی (Field/CrUX) و داده آزمایشگاهی (Lab/Lighthouse)
داده میدانی (Field Data) از گزارش CrUX گوگل (Chrome User Experience Report) به دست میآید؛ این داده از کاربران واقعی که با مرورگر کروم از سایت بازدید کردهاند جمعآوری میشود و همان چیزی است که گوگل برای تصمیمگیری در رتبهبندی استفاده میکند.
داده آزمایشگاهی (Lab Data) از ابزارهایی مانند Lighthouse به دست میآید که سایت را در محیطی شبیهسازیشده و کنترلشده آزمایش میکنند. این داده برای دیباگ و آزمایش تغییرات پیش از انتشار بسیار مفید است، اما از آنجا که شرایط واقعی دستگاه، شبکه و رفتار کاربر را بهطور کامل بازتولید نمیکند، معیار نهایی رتبهبندی محسوب نمیشود.
نکته عملی: اگر Lighthouse نمره خوبی نشان میدهد، اما گزارش Search Console همچنان مشکلی را نشان میدهد، باید به داده میدانی اعتماد کرد؛ زیرا همان چیزی است که گوگل واقعاً مشاهده میکند.
ابزارهای اندازهگیری
- PageSpeed Insights: هر دو داده Field و Lab را در کنار هم نمایش میدهد و رایگان و مستقیم از گوگل در دسترس است
- Google Search Console: گزارش Core Web Vitals را برای کل سایت و بهتفکیک گروههای صفحه نمایش میدهد
- Chrome DevTools: برای دیباگ لحظهای و مشاهده دقیق عنصری که باعث تاخیر LCP یا شیفت CLS شده است
- GTmetrix: تحلیل بصریتر با نمودار Waterfall برای شناسایی فایلهای سنگین یا مسدودکننده
چرا Core Web Vitals بر رتبهبندی گوگل تاثیر میگذارد؟
گوگل از سال ۲۰۲۱، Core Web Vitals را بهعنوان بخشی از سیگنالهای Page Experience وارد الگوریتم رتبهبندی کرد. نکته مهم این است که این معیارها معمولاً فاکتور تعیینکننده اصلی نیستند، بلکه بیشتر نقش فاکتور تعیینکننده در شرایط برابری را ایفا میکنند: هنگامی که دو صفحه از نظر محتوا و ارتباط موضوعی تقریباً همسطح هستند، صفحهای که تجربه کاربری بهتری ارائه میدهد در رتبهبندی جلوتر قرار میگیرد.
فراتر از سئو، این معیارها مستقیماً بر نرخ تبدیل و ماندگاری کاربر نیز تاثیر دارند؛ سایتی که از وضعیت ضعیف به وضعیت خوب Core Web Vitals میرسد، معمولاً افت محسوسی در نرخ خروج کاربران تجربه میکند و این به معنای آن است که بهبود این معیارها همزمان به سئو و به نرخ تبدیل کمک میکند.
بهبود Core Web Vitals
راهکارهای بهبود LCP
- بهینهسازی و فشردهسازی تصاویر (استفاده از فرمتهای مدرن مانند WebP یا AVIF)
- استفاده از CDN برای کاهش فاصله جغرافیایی میان سرور و کاربر
- حذف یا بهتعویقانداختن CSS/JS مسدودکننده رندر
- پیشبارگذاری (Preload) منابع حیاتی مانند فونت و تصویر هیرو
- استفاده از رندرینگ ایستا (SSG) برای صفحاتی مانند مقالات و لندینگپیجها
راهکارهای بهبود INP
- تقسیم کد جاوااسکریپت به بخشهای کوچکتر (Code Splitting) تا اجرای تسکهای سنگین مرورگر را مسدود نکند
- انتقال پردازشهای سنگین به Web Worker
- کاهش یا بهینهسازی اسکریپتهای شخصثالث (آنالیتیکس، تبلیغات، ابزارهای گفتوگو)
- کاهش پردازشهای غیرضروری در پاسخ به رویدادهای کاربر
راهکارهای بهبود CLS
- مشخصکردن ابعاد (width/height) تصاویر و ویدیوها از پیش
- رزرو فضای مشخص برای تبلیغات و محتوای تزریقشده پویا
- استفاده از font-display مناسب برای جلوگیری از پرش متن هنگام بارگذاری فونت
- اجتناب از درج محتوای جدید بالای محتوای موجود، مگر در پاسخ مستقیم به تعامل کاربر
تاثیر هاستینگ بر Core Web Vitals
انتخاب هاستینگ یکی از پایهایترین و در عین حال کمتوجهترین عوامل موثر بر Core Web Vitals، بهویژه LCP، محسوب میشود.
- TTFB (Time to First Byte): زمانی که سرور طول میکشد تا اولین بایت پاسخ را ارسال کند، مستقیماً بر LCP تاثیر میگذارد
- فاصله سرور تا کاربر: اگر سرور از نظر فیزیکی دور از مخاطب اصلی سایت باشد، تاخیر شبکه افزوده میشود؛ استفاده از CDN یا انتخاب دیتاسنتر نزدیکتر به مخاطب هدف این مشکل را کاهش میدهد
- هاست اشتراکی در برابر VPS/Cloud: در هاست اشتراکی، منابع سرور میان چند سایت دیگر نیز تقسیم میشود و در ترافیک بالا میتواند TTFB را بهشدت افزایش دهد؛ هاست VPS یا Cloud معمولاً منابع اختصاصی و پایدارتری ارائه میدهد
- منابع سرور (CPU/RAM): برای سایتهای داینامیک مانند وردپرس، کمبود منابع پردازشی باعث میشود صفحات، بهویژه در ترافیک همزمان، کندتر رندر شوند که هم بر LCP و گاهی بر INP تاثیر میگذارد
نتیجه عملی این است که حتی اگر فرانتاند سایت کاملاً بهینه باشد، دستیابی به اعداد خوب Core Web Vitals روی هاست ضعیف امکانپذیر نیست؛ زیرساخت هاستینگ پیشنیاز بهینهسازی فنی است، نه یک گزینه جانبی.
سوالات متداول
سه معیار Core Web Vitals در حال حاضر کداماند؟
در حال حاضر سه معیار اصلی عبارتاند از LCP (سرعت بارگذاری)، INP (واکنشپذیری) و CLS (پایداری بصری). معیار قدیمیتر FID از مارس ۲۰۲۴ با INP جایگزین شده است.
آیا Core Web Vitals مستقیماً بر رتبه سایت در گوگل تاثیر دارد؟
بله، این معیارها بخشی از سیگنالهای Page Experience گوگل هستند، اما بیشتر بهعنوان فاکتور تعیینکننده در شرایط رقابت نزدیک میان صفحات همسطح از نظر محتوا عمل میکنند، نه بهتنهایی مهمترین فاکتور رتبهبندی.
تفاوت داده Lab و داده Field در ابزارهای سنجش چیست؟
داده Lab (مانند Lighthouse) در محیطی شبیهسازیشده تولید میشود و برای دیباگ مفید است. داده Field از کاربران واقعی (گزارش CrUX) جمعآوری میشود و همان چیزی است که گوگل برای رتبهبندی استفاده میکند.
آیا کیفیت هاستینگ بر Core Web Vitals تاثیر دارد؟
بله، بهطور مستقیم. TTFB سرور، فاصله جغرافیایی تا کاربر و منابع اختصاصی سرور همگی بر LCP و در مواردی بر INP تاثیر میگذارند.
چگونه میتوان Core Web Vitals سایت وردپرسی را بهبود داد؟
ترکیبی از بهینهسازی تصاویر، کاهش پلاگینهای سنگین و اسکریپتهای شخصثالث، استفاده از کش و CDN، و انتخاب هاست با منابع کافی، بیشترین تاثیر را بر بهبود این معیارها دارد.
جمعبندی و چکلیست سریع
Core Web Vitals دیگر یک موضوع صرفاً فنی نیست؛ ترکیبی از تجربه کاربری، سئو و نرخ تبدیل است. برای شروع بهبود سایت:
- وضعیت فعلی LCP، INP و CLS را از گزارش Search Console بررسی کنید
- تصاویر را فشرده و به فرمت مدرن (WebP/AVIF) تبدیل کنید
- اسکریپتهای شخصثالث غیرضروری را حذف یا به تعویق بیندازید
- ابعاد تصاویر و ویدیوها را از پیش مشخص کنید تا CLS کنترل شود
- کیفیت و منابع هاستینگ سایت را ارزیابی کنید
در صورت تمایل به بررسی دقیق وضعیت Core Web Vitals سایت و دریافت برنامه اقدام اختصاصی، همین حالا با ما تماس بگیرید.
