Core Web Vitals چیست؟ معیارهای LCP، INP و CLS به زبان ساده

Core Web Vitals سئو فنی و سرعت به‌روزرسانی: ۱۱ آبان ۱۴۰۵
تعریف کوتاه

Core Web Vitals سه معیار گوگل برای سنجش تجربه‌ی واقعی کاربر در صفحه است: سرعت نمایش محتوای اصلی (LCP)، سرعت واکنش به کلیک و تایپ (INP) و ثبات چیدمان صفحه هنگام بارگذاری (CLS). این معیارها از داده‌ی کاربران واقعی کروم اندازه‌گیری می‌شوند.

گوگل به‌جای یک عدد کلی «سرعت سایت»، سه تجربه‌ی مشخص کاربر را اندازه می‌گیرد: محتوای اصلی چقدر زود دیده می‌شود، صفحه چقدر سریع به کارهای کاربر جواب می‌دهد و آیا چیدمان صفحه وسط خواندن جابه‌جا می‌شود یا نه.

سه معیار و حد مجاز هرکدام

معیار چه چیزی را می‌سنجد خوب نیاز به بهبود ضعیف
LCP زمان نمایش بزرگ‌ترین بخش محتوا (معمولاً تصویر اصلی یا تیتر) تا ۲.۵ ثانیه تا ۴ ثانیه بیش از ۴ ثانیه
INP تأخیر واکنش صفحه به کلیک، لمس و تایپ تا ۲۰۰ میلی‌ثانیه تا ۵۰۰ میلی‌ثانیه بیش از ۵۰۰ میلی‌ثانیه
CLS میزان جابه‌جایی ناگهانی چیدمان تا ۰.۱ تا ۰.۲۵ بیش از ۰.۲۵

هر معیار در صدک ۷۵ کاربران واقعی سنجیده می‌شود؛ یعنی دست‌کم ۷۵٪ بازدیدها باید تجربه‌ی «خوب» داشته باشند. INP از مارس ۲۰۲۴ جای معیار قدیمی FID را گرفت و این حدها در ۲۰۲۶ هم تغییری نکرده‌اند.

چقدر روی رتبه اثر دارد؟

Core Web Vitals بخشی از سیگنال‌های تجربه‌ی صفحه است، اما گوگل صریحاً گفته ارتباط و کیفیت محتوا مقدم است. یک صفحه‌ی کند با بهترین جواب، از یک صفحه‌ی سریع با جواب ضعیف جلوتر می‌ماند. سرعت بیشتر وقتی تعیین‌کننده است که رقبا از نظر محتوا نزدیک باشند؛ ولی روی رفتار کاربر و نرخ تبدیل همیشه اثر مستقیم دارد.

داده‌ی واقعی یا آزمایشی؟

در PageSpeed Insights بخش بالای صفحه داده‌ی کاربران واقعی (CrUX) است که گوگل از آن استفاده می‌کند؛ بخش پایین (Lighthouse) یک آزمایش شبیه‌سازی‌شده است که برای عیب‌یابی مفید است. نمره‌ی ۱۰۰ لایت‌هاوس هدف نیست؛ قبول شدن در داده‌ی واقعی هدف است.

راه‌های عملی بهبود در وردپرس

  • LCP: تصویر اصلی صفحه را به WebP با ابعاد درست تبدیل کنید، Lazy Load را روی آن غیرفعال کنید، از کش صفحه (مثل LiteSpeed Cache روی سرورهای لایت‌اسپید) و هاست سریع استفاده کنید.
  • INP: افزونه‌ها و اسکریپت‌های سنگین و اسکریپت‌های شخص ثالث (چت، پاپ‌آپ، ردیاب‌ها) را کم کنید و جاوااسکریپت غیرضروری را با تأخیر بارگذاری کنید.
  • CLS: برای همه‌ی تصاویر و ویدئوها عرض و ارتفاع تعیین کنید، برای تبلیغ‌ها و بنرها جای ثابت رزرو کنید و فونت‌ها را درست بارگذاری کنید.

برای جزئیات بیشتر بهینه‌سازی سرعت سایت و رفع خطاهای GTmetrix را ببینید.

اشتباه‌های رایج

  • تست فقط در دسکتاپ؛ بیشتر کاربران و ارزیابی اصلی گوگل موبایلی است.
  • فعال کردن Lazy Load برای تصویر بالای صفحه که LCP را بدتر می‌کند.
  • نصب چند افزونه‌ی کش و بهینه‌سازی هم‌زمان که با هم تداخل دارند.

چطور بررسی کنیم؟

گزارش Core Web Vitals در سرچ کنسول صفحه‌ها را بر اساس داده‌ی واقعی در سه دسته‌ی خوب، نیاز به بهبود و ضعیف گروه‌بندی می‌کند. برای یک صفحه‌ی خاص از PageSpeed Insights و تب Performance کروم استفاده کنید.

آموزش کامل بهینه‌سازی سرعت سایت