کاربری که روی نتیجه گوگل کلیک می‌کند و چند ثانیه به صفحه سفید نگاه می‌کند، معمولاً برمی‌گردد و سراغ نتیجه بعدی می‌رود. Core Web Vitals سه معیاری است که گوگل برای سنجیدن همین تجربه تعریف کرده است: صفحه چقدر سریع بار میشود، به کلیک کاربر چقدر سریع جواب می‌دهد و آیا اجزای صفحه موقع بارگذاری جابه‌جا می‌شوند یا نه. در این مقاله این سه معیار را به زبان ساده توضیح می‌دهیم و می‌گوییم چطور اندازه‌شان بگیرید و در وردپرس بهترشان کنید.
Core Web Vitals چیست؟
Core Web Vitals یا «معیارهای حیاتی وب» بخشی از ارزیابی گوگل از تجربه صفحه است. ویژگی مهم این معیارها این است که از داده‌های کاربران واقعی کروم می‌آیند، نه فقط از تست آزمایشگاهی. یعنی اگر سایت شما روی لپ‌تاپ شما سریع است ولی کاربرانتان با گوشی میان‌رده و اینترنت همراه ضعیف وارد می‌شوند، گوگل همان تجربه کندتر را می‌بیند.
از مارس ۲۰۲۴ معیار INP جای FID را گرفت و تا امروز ترکیب سه‌گانه و آستانه‌ها تغییری نکرده است. تعریف رسمی را می‌توانید در صفحه Web Vitals در web.dev ببینید.
سه معیار به زبان ساده
LCP: محتوای اصلی کی دیده میشود؟
Largest Contentful Paint زمانی است که بزرگ‌ترین عنصر قابل‌مشاهده صفحه، معمولاً تصویر اصلی یا تیتر بزرگ، کامل نمایش داده میشود. این معیار به این سؤال کاربر جواب می‌دهد: «صفحه بالاخره باز شد؟»
INP: سایت به کلیک من چقدر سریع جواب می‌دهد؟
Interaction to Next Paint فاصله بین کلیک، لمس یا تایپ کاربر تا اولین تغییر قابل‌مشاهده در صفحه را می‌سنجد، آن هم در طول کل بازدید. اگر کاربر روی «افزودن به سبد» بزند و نیم ثانیه هیچ اتفاقی نیفتد، احتمالاً دوباره می‌زند یا ناامید میشود. INP ضعیف معمولاً نتیجه جاوااسکریپت سنگین است.
CLS: چیزها سر جایشان می‌مانند؟
Cumulative Layout Shift جابه‌جایی‌های ناگهانی صفحه را می‌سنجد. همه این تجربه را داشته‌ایم: می‌خواهیم روی لینکی بزنیم و درست در همان لحظه یک بنر بالای صفحه بار میشود و دکمه دیگری زیر انگشت‌مان می‌آید. CLS پایین یعنی صفحه آرام و قابل‌اعتماد است.
| معیار | خوب | نیازمند بهبود | ضعیف |
|---|---|---|---|
| LCP | تا ۲.۵ ثانیه | ۲.۵ تا ۴ ثانیه | بیش از ۴ ثانیه |
| INP | تا ۲۰۰ میلی‌ثانیه | ۲۰۰ تا ۵۰۰ میلی‌ثانیه | بیش از ۵۰۰ میلی‌ثانیه |
| CLS | تا ۰.۱ | ۰.۱ تا ۰.۲۵ | بیش از ۰.۲۵ |
Core Web Vitals چقدر روی رتبه اثر دارد؟
بیایید واقع‌بین باشیم: سرعت جای محتوای مرتبط و مفید را نمی‌گیرد. صفحه‌ای که جواب بهتری به سؤال کاربر می‌دهد، حتی با سرعت متوسط، معمولاً از صفحه سریع ولی کم‌محتوا بالاتر می‌نشیند. اثر Core Web Vitals بیشتر وقتی دیده میشود که چند صفحه از نظر کیفیت و ارتباط نزدیک به هم باشند؛ آن‌جا تجربه بهتر می‌تواند کفه را سنگین کند.
اما اثر واقعی سرعت روی کسب‌وکار، بیشتر از اثرش روی رتبه است. هر ثانیه تأخیر یعنی کاربرانی که قبل از دیدن پیشنهاد شما رفته‌اند، فرم‌هایی که نیمه‌کاره مانده‌اند و سبدهایی که رها شده‌اند. در مقاله چرا سایت بازدید دارد ولی فروش ندارد این رابطه را بیشتر باز کرده‌ایم.
چطور Core Web Vitals را اندازه بگیریم؟
- PageSpeed Insights: آدرس صفحه را وارد کنید. بخش بالای گزارش (داده کاربران واقعی) همان چیزی است که گوگل می‌بیند. بخش پایین (تست آزمایشگاهی Lighthouse) برای پیدا کردن علت مشکل است.
- گزارش Core Web Vitals در سرچ کنسول: صفحات مشابه را گروه‌بندی می‌کند و نشان می‌دهد کدام گروه‌ها مشکل دارند. وضعیت هر گروه را ضعیف‌ترین معیارش تعیین می‌کند. راهنمای این گزارش را ببینید.
- ابزار سایت اسکور رایانمهر: برای یک نگاه سریع به سلامت کلی سایت، سایت اسکور را امتحان کنید.
یک نکته مهم: سایت‌های کم‌بازدید ممکن است داده کاربر واقعی کافی نداشته باشند. در این حالت به تست آزمایشگاهی تکیه کنید، اما بدانید که نتیجه واقعی کاربران معمولاً کمی بدتر است.
بهبود LCP در وردپرس
- تصویر اصلی را سبک کنید: تصویر بالای صفحه را در ابعاد واقعی نمایش و با فرمت WebP یا AVIF ذخیره کنید.
- Lazy load را برای تصویر اصلی خاموش کنید: تنبل‌بارگذاری برای تصاویر پایین صفحه عالی است، اما تصویر بالای صفحه باید فوراً بار شود. حتی می‌توانید آن را preload کنید.
- کش صفحه: با افزونه کش یا کش سمت سرور، HTML آماده به کاربر تحویل داده میشود.
- هاست مناسب: زمان پاسخ سرور (TTFB) بالا، هر بهینه‌سازی دیگری را خنثی می‌کند. هاستی نزدیک به مخاطبانتان انتخاب کنید.
- فونت‌ها: فقط وزن‌هایی از فونت را بار کنید که استفاده می‌شوند و از
font-display: swapاستفاده کنید. برای فونت‌های فارسی، نسخه woff2 را روی سرور خودتان میزبانی کنید. - اسلایدر بالای صفحه را بازنگری کنید: اسلایدرهای سنگین از دلایل رایج LCP ضعیف‌اند. یک تصویر ثابت با پیام واضح معمولاً هم سریع‌تر است و هم مؤثرتر.
بهبود INP
- افزونه‌ها را حسابرسی کنید: هر افزونه‌ای که اسکریپت به همه صفحات اضافه می‌کند، روی پاسخ‌گویی اثر دارد. افزونه‌های بلااستفاده را حذف کنید.
- اسکریپت‌های شخص ثالث: ابزارهای چت آنلاین، پیکسل‌های تبلیغاتی و ویجت‌های شبکه اجتماعی را فقط در صفحاتی بار کنید که لازم‌اند و تا حد ممکن با تأخیر.
- صفحه‌سازهای سنگین: صفحه‌هایی با ده‌ها ویجت تودرتو، DOM بزرگ و کند می‌سازند. ساختار ساده‌تر یعنی پاسخ سریع‌تر.
- defer و delay: اسکریپت‌های غیرضروری را با defer یا تأخیر تا اولین تعامل بار کنید.
بهبود CLS
- ابعاد تصاویر و ویدیوها: برای همه تصاویر width و height تعیین کنید تا مرورگر از قبل جایشان را نگه دارد.
- بنرها و اعلان‌ها: نوار اعلان یا بنر تبلیغاتی که بعد از بارگذاری بالای صفحه ظاهر میشود، کل محتوا را پایین هل می‌دهد. برایشان فضای ثابت رزرو کنید یا به صورت شناور نمایش دهید.
- فونت‌ها: تفاوت زیاد اندازه فونت جایگزین و فونت اصلی باعث پرش متن میشود. فونت اصلی را preload کنید.
- محتوای تزریقی: پاپ‌آپ‌ها و فرم‌هایی که وسط متن باز می‌شوند را با دقت طراحی کنید.
چک‌لیست سریع برای سایت‌های وردپرسی
| کار | اثر اصلی روی | سختی |
|---|---|---|
| فعال کردن کش صفحه | LCP | آسان |
| تبدیل تصاویر به WebP و تعیین ابعاد | LCP و CLS | آسان |
| حذف افزونه‌های بلااستفاده | INP و LCP | آسان |
| تأخیر در بارگذاری اسکریپت‌های شخص ثالث | INP | متوسط |
| میزبانی محلی و preload فونت | LCP و CLS | متوسط |
| جایگزینی اسلایدر یا صفحه‌ساز سنگین | هر سه | سخت |
| ارتقای هاست | LCP | متوسط |
سرعت فقط یکی از ستون‌های زیرساخت است. برای بقیه تنظیمات فنی، مقاله سئو تکنیکال وردپرس: ۱۵ کار قبل از تولید محتوا را ببینید. اگر فروشگاه اینترنتی دارید، راهنمای سئو فروشگاه اینترنتی هم به کارتان می‌آید.
سؤالات متداول
امتیاز PageSpeed من ۵۰ است. یعنی سایتم در گوگل جریمه میشود؟
نه. امتیاز صفر تا صد مربوط به تست آزمایشگاهی است و مستقیماً معیار رتبه نیست. آن‌چه گوگل در نظر می‌گیرد، داده کاربران واقعی است. امتیاز پایین فقط نشان می‌دهد جای بهبود دارید.
چرا نتیجه تست هر بار عوض میشود؟
تست آزمایشگاهی به شرایط شبکه و سرور در همان لحظه حساس است. برای تصمیم‌گیری، چند بار تست بگیرید و بیشتر به داده ۲۸روزه کاربران واقعی نگاه کنید.
بعد از رفع مشکلات، کی نتیجه را در سرچ کنسول میبینم؟
داده کاربران واقعی بازه ۲۸روزه دارد، پس تغییرات بهتدریج در طول حدود یک ماه دیده میشود.
سایت‌تان کند است و نمی‌دانید از کجا شروع کنید؟ رایانمهر سرعت سایت شما را با داده واقعی بررسی می‌کند و کارهای پراثر را به ترتیب اولویت انجام می‌دهد. با ما صحبت کنید.