اگر گزارش سرچ کنسول یا PageSpeed Insights را باز کرده باشید، احتمالاً با سه حرف اختصاری LCP، INP و CLS روبه‌رو شده‌اید. این سه شاخص، Core Web Vitals را تشکیل می‌دهند؛ معیارهایی که گوگل برای سنجش تجربه‌ی واقعی کاربران از صفحه‌های سایت به کار می‌برد. در این مقاله بدون اصطلاحات پیچیده توضیح می‌دهیم هرکدام چه چیزی را می‌سنجد، چه عددی خوب است و چطور می‌شود آن را بهتر کرد.
Core Web Vitals چیست؟
Core Web Vitals مجموعه‌ای از سه شاخص است که گوگل برای سنجش کیفیت تجربه‌ی صفحه معرفی کرده است. این شاخص‌ها به سه سؤال ساده جواب می‌دهند. صفحه چقدر سریع نمایش داده می‌شود؟ چقدر سریع به کارهای کاربر پاسخ می‌دهد؟ و آیا هنگام بارگذاری اجزایش جابه‌جا می‌شوند؟ گوگل از سال ۲۰۲۱ این شاخص‌ها را بخشی از سیگنال‌های تجربه‌ی صفحه در رتبه‌بندی قرار داده است.
سه شاخص اصلی و عدد استاندارد هرکدام
۱. LCP: سرعت نمایش محتوای اصلی
LCP یا Largest Contentful Paint نشان می‌دهد بزرگ‌ترین بخش قابل‌دیدن صفحه، مثل تصویر اصلی یا تیتر بزرگ، چقدر طول می‌کشد تا نمایش داده شود. طبق معیار گوگل، LCP تا ۲٫۵ ثانیه خوب است. بین ۲٫۵ تا ۴ ثانیه نیاز به بهبود دارد و بیشتر از ۴ ثانیه ضعیف است.
۲. INP: سرعت پاسخ به کاربر
INP یا Interaction to Next Paint می‌سنجد صفحه چقدر سریع به کلیک، لمس و تایپ کاربر واکنش نشان می‌دهد. این شاخص از مارس ۲۰۲۴ جایگزین شاخص قدیمی‌تر FID شد. INP تا ۲۰۰ میلی‌ثانیه خوب است، تا ۵۰۰ میلی‌ثانیه نیاز به بهبود دارد و بیشتر از آن ضعیف است.
۳. CLS: پایداری ظاهر صفحه
CLS یا Cumulative Layout Shift جابه‌جایی‌های ناگهانی اجزای صفحه را می‌سنجد. حتماً برایتان پیش آمده که بخواهید روی دکمه‌ای بزنید و ناگهان تصویری بالای آن ظاهر شود و روی چیز دیگری کلیک کنید. CLS تا ۰٫۱ خوب است، تا ۰٫۲۵ نیاز به بهبود دارد و بیشتر از آن ضعیف است.
Core Web Vitals را کجا ببینیم؟
- گزارش Core Web Vitals در سرچ کنسول: نمای کلی کل سایت، با گروه‌بندی صفحه‌های مشابه.
- PageSpeed Insights: داده‌ی کاربران واقعی برای یک صفحه‌ی مشخص، همراه با پیشنهادهای بهبود.
- ابزار Lighthouse در مرورگر کروم: تست آزمایشگاهی سریع برای بررسی تغییرات پیش از انتشار.
چطور هر شاخص را بهبود بدهیم؟
بهبود LCP
- تصویر اصلی بالای صفحه را فشرده کنید و در فرمت سبک ذخیره کنید.
- به مرورگر بگویید این تصویر اولویت دارد و آن را با تأخیر بارگذاری نکنید.
- زمان پاسخ سرور را با هاست بهتر، کش یا شبکه‌ی توزیع محتوا کم کنید.
- فایل‌های CSS و جاوااسکریپت غیرضروری را از مسیر بارگذاری اولیه بردارید.
بهبود INP
- حجم جاوااسکریپت صفحه را کم کنید و اسکریپت‌های بی‌استفاده را حذف کنید.
- اسکریپت‌های شخص ثالث مثل چت آنلاین و ابزارهای تبلیغاتی را محدود کنید یا با تأخیر بارگذاری کنید.
- کارهای سنگین جاوااسکریپت را به بخش‌های کوچک‌تر تقسیم کنید.
بهبود CLS
- برای همه‌ی تصاویر و ویدیوها عرض و ارتفاع مشخص کنید.
- برای بنرها، تبلیغات و بخش‌هایی که دیرتر بارگذاری می‌شوند، از قبل فضا رزرو کنید.
- فونت‌ها را طوری بارگذاری کنید که عوض شدنشان متن را جابه‌جا نکند.
- محتوای تازه را بالای محتوای فعلی اضافه نکنید، مگر در واکنش به کار کاربر.
برای نمونه، تصویر اصلی صفحه با این ویژگی‌ها هم برای LCP بهینه است و هم برای CLS.
<img src="hero.webp" width="1200" height="630" fetchpriority="high" alt="hero image">Core Web Vitals چقدر روی رتبه اثر دارد؟
این شاخص‌ها بخشی از سیگنال‌های تجربه‌ی صفحه‌اند، اما وزنشان در برابر مرتبط بودن و کیفیت محتوا محدود است. اثرشان بیشتر در رقابت‌های نزدیک دیده می‌شود؛ جایی که چند صفحه‌ی هم‌سطح برای یک عبارت رقابت می‌کنند. اما اثرشان روی رفتار کاربر خیلی مستقیم‌تر است. صفحه‌ای که دیر نمایش داده شود، کند پاسخ بدهد یا زیر دست کاربر جابه‌جا شود، بازدیدکننده را خسته و منصرف می‌کند.
Core Web Vitals زبان گوگل برای پرسیدن یک سؤال ساده است: کاربر از این صفحه اذیت شد یا نه؟
جمع‌بندی
Core Web Vitals سه شاخص ساده دارد: LCP برای سرعت نمایش، INP برای سرعت پاسخ و CLS برای پایداری صفحه. عددهای استاندارد را بشناسید و وضعیت سایت را در سرچ کنسول و PageSpeed Insights دنبال کنید. بعد از صفحه‌های مهم شروع به بهبود کنید. اگر می‌خواهید تیم هیما شاخص‌های Core Web Vitals سایتتان را بررسی و بهینه کند، صفحه‌ی تعرفه‌ها را ببینید یا با ما تماس بگیرید.
