Core Web Vitals چیست و چطور نمره‌اش را بهتر کنیم؟
۳ دقیقه مطالعهبروزرسانی:
Core Web Vitals سه معیار اصلی گوگل برای سنجش تجربه‌ی واقعی کاربر است: سرعت دیده شدن محتوا، پاسخ‌گویی به کلیک و پایدار بودن چیدمان. اینجا هر کدام را ساده توضیح می‌دهیم و می‌گوییم برای بهتر شدنشان از کجا شروع کنید.
سه معیار در یک نگاه
| معیار | می‌سنجد | خوب | ضعیف |
|---|---|---|---|
| LCP | سرعت نمایش محتوای اصلی | تا ۲٫۵ ثانیه | بیش از ۴ ثانیه |
| INP | پاسخ‌گویی به کلیک، لمس و تایپ | تا ۲۰۰ میلی‌ثانیه | بیش از ۵۰۰ میلی‌ثانیه |
| CLS | جابه‌جایی ناگهانی چیدمان | تا ۰٫۱ | بیش از ۰٫۲۵ |
این اعداد طبق راهنمای گوگل برای صدک ۷۵ کاربران واقعی سنجیده می‌شوند، یعنی سه‌چهارم بازدیدها باید به حد «خوب» برسند. موبایل و دسکتاپ جدا سنجیده می‌شوند.
داده‌ی میدانی و آزمایشگاهی
گزارش Core Web Vitals در Search Console از کاربران واقعی کروم می‌آید. ابزارهای آزمایشگاهی مثل واکاوی سایت هم LCP و CLS را شبیه‌سازی می‌کنند؛ INP را نمی‌توانند مستقیم بسنجند و به‌جایش TBT را نشان می‌دهند که نماینده‌ی آن است. پس: مشکل را با ابزار آزمایشگاهی پیدا کنید و اثرش را در داده‌ی میدانی (که چند هفته طول می‌کشد) ببینید.
بهبود LCP
- عنصر LCP را پیدا کنید (در گزارش واکاوی مشخص است). معمولاً تصویر بزرگ بالای صفحه یا عنوان است.
- اگر تصویر است: آن را به WebP یا AVIF تبدیل و فشرده کنید و اندازه‌اش را به اندازه‌ی نمایش برسانید (ابزار تصویر).
- به تصویر LCP ویژگی
loading="lazy"ندهید و در صورت امکانfetchpriority="high"بگذارید. - اگر متن است: فونت وب را سبک کنید و
font-display: swapبگذارید (کاهش حجم فونت فارسی). - پاسخ سرور را سریع کنید (کش صفحه) و فایل‌های CSS و JS رندر-بلاک را کم کنید.
بهبود INP
- جاوااسکریپت غیرضروری و اسکریپت‌های شخص ثالث (ویجت‌ها، ردیاب‌ها، تبلیغ) را حذف یا به‌تعویق بیندازید.
- کارهای طولانی را به قطعه‌های کوچک‌تر تقسیم کنید تا مرورگر بین آن‌ها به کلیک جواب دهد.
- کنترل‌کننده‌ی رویدادها (مثل کلیک) را سبک نگه دارید و کار سنگین را بعد از پاسخ دادن انجام دهید.
- کدها را فشرده و بخش‌های استفاده‌نشده را حذف کنید.
بهبود CLS
- برای هر تصویر و ویدیو
widthوheight(یاaspect-ratio) بگذارید تا جایش از قبل رزرو شود. - برای تبلیغ، iframe و ویجت‌هایی که دیر می‌آیند، حداقل ارتفاع تعریف کنید.
- هرگز محتوا را بالای محتوای موجود (بعد از بارگذاری) اضافه نکنید، مگر با پاسخ به کنش کاربر.
- فونت وب را با
font-displayمناسب بارگذاری کنید تا شکل متن بعد از آمدن فونت زیاد عوض نشود.
نکته‌های وردپرس
- یک افزونه‌ی کش صفحه (مثل WP Rocket یا LiteSpeed Cache) و نسخه‌ی جدید PHP معمولاً TTFB و LCP را به‌طور محسوس بهتر می‌کند.
- صفحه‌سازها لایه‌ی HTML و جاوااسکریپت زیادی اضافه می‌کنند؛ صفحه‌های مهم را سبک نگه دارید.
- افزونه‌هایی که در همه‌ی صفحه‌ها اسکریپت بارگذاری می‌کنند را فقط در صفحه‌های لازم فعال کنید.
یک برنامه‌ی کاری ساده
- اندازه‌ی پایه بگیرید (راهنمای سنجش سرعت).
- ضعیف‌ترین معیار را انتخاب کنید و فقط روی همان کار کنید.
- بعد از هر تغییر دوباره بسنجید؛ هر بار یک تغییر.
- صفحه‌های مهم را در پایش سرعت بگذارید تا افت‌های بعدی را زود ببینید.
با ابزار امتحان کنید
سؤالات متداول
گزارش Core Web Vitals در Search Console خالی است. چرا؟
داده‌ی میدانی فقط برای صفحه‌هایی نمایش داده می‌شود که کاربران کروم کافی داشته باشند. برای سایت تازه یا کم‌بازدید، از ابزار آزمایشگاهی استفاده کنید.
بعد از بهبود، چقدر طول می‌کشد تا نتیجه در گزارش گوگل دیده شود؟
داده‌ی میدانی در یک پنجره‌ی حدود ۲۸ روزه جمع می‌شود؛ بهبود ممکن است چند هفته طول بکشد تا کامل منعکس شود.
INP همان FID است؟
نه. FID فقط تأخیر اولین تعامل را می‌سنجید ولی INP پاسخ‌گویی در کل بازدید را می‌سنجد و از مارس ۲۰۲۴ جایگزین آن شد.