امتیاز عملکرد
ابرووا تریس Core Web Vitals شما را چطور رتبه می‌دهد: p75 هر معیار، با رتبه‌ی خوب / نیاز به بهبود / ضعیف بر اساس آستانه‌های Google، در کارت Web Vitals.
وضعیت Core Web Vitals اپلیکیشن شما در کارت Web Vitals در صفحه‌ی ابرووا تریس ← Performance نمایش داده می‌شود. هر معیار با p75 خودش در بازه‌ی زمانی انتخاب‌شده خلاصه می‌شود و بر اساس آستانه‌های استاندارد Google رتبه‌ی خوب، نیاز به بهبود یا ضعیف می‌گیرد، تا افت عملکرد را با یک نگاه ببینید.
کنسول ابرووا فعلاً معیارها را در یک امتیاز ۰ تا ۱۰۰ ترکیب نمی‌کند. به‌جای آن رتبه‌ی هر معیار را بخوانید؛ از معیاری شروع کنید که بدترین رتبه را دارد.
Web Vitals مخصوص مرورگر است و از SDK مرورگر می‌آید (در SDK مربوط به Next.js یا وب، enableWebVitals() را صدا بزنید). SDKهای موبایل و بک‌اند فقط تأخیر درخواست‌ها را می‌فرستند، پس برای پروژه‌های غیروب این کارت پیام «Web Vitals به SDK مرورگر نیاز دارد» را نشان می‌دهد.
رتبه‌بندی معیارها#
p75 هر معیار با آستانه‌های استاندارد Google مقایسه می‌شود: اگر برابر یا کمتر از ستون خوب باشد «خوب» است، اگر بیشتر از ستون ضعیف باشد «ضعیف» است، و هر مقدار بین این دو «نیاز به بهبود» است.
| معیار | نام | خوب | ضعیف |
|---|---|---|---|
| LCP | Largest Contentful Paint | ≤2.5s | >4s |
| INP | Interaction to Next Paint | ≤200ms | >500ms |
| CLS | Cumulative Layout Shift | ≤0.1 | >0.25 |
| FCP | First Contentful Paint | ≤1.8s | >3s |
| TTFB | Time to First Byte | ≤800ms | >1.8s |
معیارهایی که هنوز داده‌ای برایشان نرسیده نمایش داده نمی‌شوند.
بازه‌های رتبه#
سالم. بیشتر بارگذاری‌های صفحه به آستانه می‌رسند
وضعیت متوسط. این معیار را بررسی کنید و اصلاحی هدفمند منتشر کنید
بسیاری از بارگذاری‌ها در این معیار رد می‌شوند. SEO و ماندگاری کاربر در خطر است
آنچه در داشبورد می‌بینید#
کارت Web Vitals در صفحه‌ی عملکرد این‌ها را نشان می‌دهد:
- سرتیتر: «p75 · N بارگذاری صفحه · فقط SDK مرورگر»
- تفکیک هر معیار: همه‌ی معیارهای ارسال‌شده با مقدار p75، آیکون رتبه و برچسب
- تقسیم خوب / نیاز به بهبود / ضعیف: هر بارگذاری صفحه در هر معیار چه رتبه‌ای گرفته است
خواندن تفکیک#
ردیف‌های تفکیک نشان می‌دهند چه چیزی مشکل دارد. ردیف‌ها این شکلی‌اند:
LCP 2840ms ● Needs improvement INP 190ms ● Good CLS 0.08 ● Good FCP 1650ms ● Good TTFB 720ms ● Good
آیکون‌های رتبه را مرور کنید: اول ردیف‌های «ضعیف» را درست کنید، بعد «نیاز به بهبود».
بهترین روش‌ها#
با انتخابگر بازه‌ی زمانی، ۱ ساعت و ۲۴ ساعت و ۷ روز را مقایسه کنید؛ تغییر ناگهانی معمولاً به یک deploy برمی‌گردد
رساندن یک معیار «ضعیف» به «خوب» بیشتر از صیقل دادن معیاری که الان «خوب» است به کاربر کمک می‌کند
در init مربوط به SDK نسخه‌ی release را تنظیم کنید و از فیلتر Release استفاده کنید تا افت عملکرد را به deploy مشخصی نسبت دهید
Web Vitals رندر فرانت‌اند را پوشش می‌دهد و کارت‌های تأخیر و عملیات تأخیر درخواست‌ها را. این دو با هم تصویر کاملی از تجربه‌ی کاربر می‌دهند