معیار LCP چیست؟

Largest Contentful Paint (LCP) یکی از مهم‌ترین معیارهای Core Web Vitals است و سرعت بارگذاری محتوای اصلی صفحه را اندازه‌گیری می‌کند.

زمانی که کاربر وارد یک صفحه می‌شود، مرورگر شروع به بارگذاری عناصر مختلف مانند متن، تصاویر، فایل‌های CSS و JavaScript می‌کند. معیار LCP بررسی می‌کند که چه مدت طول می‌کشد تا بزرگ‌ترین عنصر قابل مشاهده (Largest Content Element) در بخش قابل مشاهده صفحه (Viewport) برای کاربر نمایش داده شود.

این عنصر می‌تواند یکی از موارد زیر باشد:

• تصویر شاخص صفحه
• بنر اصلی (Hero Image)
• تیتر بزرگ صفحه
• یک بلوک بزرگ از متن

هرچه این عنصر سریع‌تر نمایش داده شود، کاربر احساس می‌کند صفحه آماده استفاده است و تجربه کاربری بهتری خواهد داشت.

مقدار مناسب LCP

گوگل برای این معیار سه وضعیت در نظر گرفته است:

• کمتر از ۲.۵ ثانیه: وضعیت مناسب (Good)
• بین ۲.۵ تا ۴ ثانیه: نیازمند بهبود (Needs Improvement)
• بیشتر از ۴ ثانیه: ضعیف (Poor)

اگر مقدار LCP سایت شما بیشتر از ۲.۵ ثانیه باشد، بهتر است اقدامات لازم برای بهبود آن انجام شود.

چه عواملی باعث افزایش LCP می‌شوند؟

مهم‌ترین عواملی که باعث کند شدن LCP می‌شوند عبارت‌اند از:

• تصاویر حجیم و بدون بهینه‌سازی
• سرعت پایین پاسخ‌گویی سرور (TTFB)
• فایل‌های CSS و JavaScript سنگین
• رندر بلاک شدن منابع (Render Blocking Resources)
• استفاده بیش‌ازحد از فونت‌های سفارشی
• بارگذاری هم‌زمان تعداد زیادی فایل

چگونه LCP را بهبود دهیم؟

برای کاهش زمان LCP می‌توانید اقدامات زیر را انجام دهید:

• تصاویر را فشرده کرده و از فرمت‌هایی مانند WebP یا AVIF استفاده کنید.
• حجم فایل‌های CSS و JavaScript را کاهش دهید.
• از کش مرورگر (Browser Cache) استفاده کنید.
• زمان پاسخ‌گویی سرور را بهبود دهید.
• منابع غیرضروری را حذف یا با تأخیر بارگذاری (Lazy Load) کنید.
• محتوای اصلی صفحه را در اولویت بارگذاری قرار دهید.

بهبود LCP باعث می‌شود کاربران سریع‌تر محتوای اصلی صفحه را مشاهده کنند و احساس بهتری نسبت به عملکرد سایت داشته باشند.

معیار INP چیست؟

Interaction to Next Paint (INP) دومین معیار اصلی Core Web Vitals است و میزان سرعت پاسخ‌گویی سایت به تعاملات کاربران را اندازه‌گیری می‌کند.

فرض کنید کاربر روی یک دکمه کلیک می‌کند، منویی را باز می‌کند یا فرمی را ارسال می‌کند. INP بررسی می‌کند که از لحظه انجام این تعامل تا زمانی که نتیجه آن روی صفحه نمایش داده شود، چه مدت زمان سپری می‌شود.

هرچه این زمان کوتاه‌تر باشد، سایت سریع‌تر و روان‌تر به نظر می‌رسد.

تفاوت INP با FID

در گذشته گوگل از معیار First Input Delay (FID) استفاده می‌کرد که تنها اولین تعامل کاربر با صفحه را اندازه‌گیری می‌کرد.

اما INP عملکرد صفحه را در طول کل بازدید کاربر بررسی می‌کند و میان تعاملات مختلف، کندترین تعامل را به‌عنوان معیار اصلی در نظر می‌گیرد. به همین دلیل، این شاخص تصویر دقیق‌تری از تجربه واقعی کاربران ارائه می‌دهد.

مقدار مناسب INP

بر اساس استاندارد گوگل:

• کمتر از ۲۰۰ میلی‌ثانیه: وضعیت مناسب
• بین ۲۰۰ تا ۵۰۰ میلی‌ثانیه: نیازمند بهبود
• بیشتر از ۵۰۰ میلی‌ثانیه: ضعیف

چه عواملی باعث افزایش INP می‌شوند؟

مهم‌ترین دلایل بالا بودن INP عبارت‌اند از:

• اجرای طولانی فایل‌های JavaScript
• استفاده زیاد از اسکریپت‌های شخص ثالث
• پردازش‌های سنگین در مرورگر
• رویدادهای پیچیده و زمان‌بر
• حجم بالای کدهای سمت کاربر (Client-side)

چگونه INP را بهبود دهیم؟

برای کاهش مقدار INP می‌توانید اقدامات زیر را انجام دهید:

• حجم JavaScript را کاهش دهید.
• اسکریپت‌های غیرضروری را حذف کنید.
• پردازش‌های سنگین را به بخش‌های کوچک‌تر تقسیم کنید.
• از بارگذاری تدریجی (Lazy Loading) برای منابع غیرضروری استفاده کنید.
• عملکرد رویدادهای تعاملی را بهینه کنید.

بهبود INP باعث می‌شود سایت هنگام تعامل کاربران سریع‌تر واکنش نشان دهد و تجربه‌ای روان و بدون تأخیر ایجاد کند.

بیشتر بدانید: تحقیق کلمات کلیدی چیست؟ آموزش پیدا کردن بهترین کلمات برای سئو

معیار CLS چیست؟

Cumulative Layout Shift (CLS) سومین معیار اصلی Core Web Vitals است و میزان پایداری چیدمان عناصر صفحه را هنگام بارگذاری اندازه‌گیری می‌کند.

احتمالاً برای شما هم پیش آمده که هنگام مطالعه یک مقاله یا کلیک روی یک دکمه، ناگهان تصویر یا تبلیغی بارگذاری شود و تمام محتوای صفحه جابه‌جا شود. این اتفاق تجربه کاربری نامناسبی ایجاد می‌کند و دقیقاً همان چیزی است که CLS آن را اندازه‌گیری می‌کند.

به عبارت دیگر، CLS نشان می‌دهد عناصر صفحه تا چه اندازه در زمان بارگذاری، بدون انتظار کاربر جابه‌جا می‌شوند.

مقدار مناسب CLS

گوگل برای این معیار نیز سه سطح تعریف کرده است:

• کمتر از ۰.۱: وضعیت مناسب
• بین ۰.۱ تا ۰.۲۵: نیازمند بهبود
• بیشتر از ۰.۲۵: ضعیف

هرچه مقدار CLS کمتر باشد، کاربران تجربه‌ای پایدارتر و راحت‌تر خواهند داشت.

چه عواملی باعث افزایش CLS می‌شوند؟

مهم‌ترین دلایل افزایش CLS عبارت‌اند از:

• مشخص نکردن ابعاد تصاویر
• بارگذاری دیرهنگام تبلیغات
• نمایش ناگهانی بنرها یا پاپ‌آپ‌ها
• تغییر اندازه فونت‌ها پس از بارگذاری
• بارگذاری محتوای پویا بدون رزرو فضای کافی

چگونه CLS را کاهش دهیم؟

برای کاهش این شاخص می‌توانید اقدامات زیر را انجام دهید:

• برای تصاویر و ویدئوها عرض و ارتفاع مشخص تعیین کنید.
• فضای تبلیغات و بنرها را از قبل رزرو کنید.
• از بارگذاری ناگهانی عناصر بالای صفحه خودداری کنید.
• فونت‌های وب را بهینه‌سازی کنید.
• از ایجاد تغییرات غیرضروری در چیدمان صفحه هنگام بارگذاری جلوگیری کنید.

کاهش مقدار CLS باعث می‌شود کاربران هنگام مطالعه یا تعامل با سایت با جابه‌جایی ناگهانی عناصر مواجه نشوند و تجربه‌ای حرفه‌ای‌تر از وب‌سایت شما داشته باشند.

چگونه Core Web Vitals را اندازه‌گیری کنیم؟

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

در ادامه، مهم‌ترین ابزارهای اندازه‌گیری Core Web Vitals را معرفی می‌کنیم.

Google Search Console

یکی از بهترین ابزارها برای بررسی Core Web Vitals، Google Search Console است. در بخش Core Web Vitals می‌توانید گزارش کاملی از صفحات سایت مشاهده کنید.

این گزارش صفحات را بر اساس داده‌های واقعی کاربران (Field Data) در سه گروه دسته‌بندی می‌کند:

• صفحات با وضعیت مناسب (Good)
• صفحات نیازمند بهبود (Needs Improvement)
• صفحات ضعیف (Poor)

همچنین سرچ کنسول مشخص می‌کند که مشکل مربوط به کدام معیار (LCP، INP یا CLS) است تا بتوانید راحت‌تر آن را برطرف کنید.

PageSpeed Insights

PageSpeed Insights یکی از محبوب‌ترین ابزارهای گوگل برای تحلیل عملکرد صفحات است.

با وارد کردن آدرس یک صفحه، اطلاعاتی درباره موارد زیر دریافت خواهید کرد:

• امتیاز عملکرد صفحه
• وضعیت Core Web Vitals
• داده‌های واقعی کاربران (در صورت وجود)
• داده‌های آزمایشگاهی (Lab Data)
• پیشنهادهای بهینه‌سازی

این ابزار علاوه بر نمایش مشکلات، راهکارهایی برای بهبود سرعت و عملکرد صفحه نیز ارائه می‌دهد.

Lighthouse

Lighthouse ابزار متن‌بازی است که توسط گوگل توسعه داده شده و در مرورگر Google Chrome نیز در دسترس است.

این ابزار معیارهای مختلفی را بررسی می‌کند، از جمله:

• Performance
• Accessibility
• Best Practices
• SEO
• Core Web Vitals

Lighthouse بیشتر برای بررسی آزمایشگاهی (Lab Data) مناسب است و هنگام توسعه یا بهینه‌سازی سایت کاربرد زیادی دارد.

Chrome DevTools

اگر توسعه‌دهنده وب هستید، Chrome DevTools امکانات پیشرفته‌ای برای تحلیل عملکرد صفحات در اختیار شما قرار می‌دهد.

با استفاده از بخش Performance می‌توانید:

• زمان بارگذاری منابع را بررسی کنید.
• پردازش JavaScript را تحلیل کنید.
• علت کندی تعاملات را پیدا کنید.
• عوامل ایجاد CLS را شناسایی کنید.

این ابزار برای تحلیل دقیق مشکلات فنی بسیار کاربردی است.

تفاوت داده‌های Field و Lab

هنگام بررسی Core Web Vitals معمولاً با دو نوع داده مواجه می‌شوید:

Field Data داده‌هایی هستند که از تجربه واقعی کاربران جمع‌آوری می‌شوند و معیار اصلی گوگل برای ارزیابی عملکرد سایت محسوب می‌شوند.

در مقابل، Lab Data در شرایط کنترل‌شده و آزمایشگاهی تولید می‌شوند و بیشتر برای شناسایی و رفع مشکلات فنی کاربرد دارند.

بهتر است هنگام تحلیل وضعیت سایت، هر دو نوع داده را در کنار هم بررسی کنید تا تصویر کامل‌تری از عملکرد صفحات به دست آورید.

چگونه Core Web Vitals سایت را بهبود دهیم؟

پس از شناسایی مشکلات، نوبت به بهینه‌سازی Core Web Vitals می‌رسد. بسته به اینکه کدام معیار نیاز به بهبود دارد، می‌توانید اقدامات مختلفی انجام دهید.

تصاویر را بهینه کنید

تصاویر حجیم یکی از مهم‌ترین عوامل افزایش زمان بارگذاری صفحات هستند.

برای کاهش این مشکل:

• تصاویر را فشرده کنید.
• از فرمت‌های WebP یا AVIF استفاده کنید.
• اندازه تصاویر را متناسب با محل نمایش انتخاب کنید.
• برای تصاویر خارج از محدوده دید کاربر از Lazy Loading استفاده کنید.

حجم JavaScript را کاهش دهید

فایل‌های JavaScript بزرگ می‌توانند باعث افزایش مقدار INP و حتی LCP شوند.

برای بهبود عملکرد:

• فایل‌های غیرضروری را حذف کنید.
• کدها را Minify کنید.
• اسکریپت‌های شخص ثالث را تا حد امکان کاهش دهید.
• بارگذاری فایل‌های غیرضروری را به تعویق بیندازید.

از کش (Caching) استفاده کنید

فعال بودن کش مرورگر باعث می‌شود کاربران در بازدیدهای بعدی بسیاری از فایل‌ها را دوباره دانلود نکنند و صفحات سریع‌تر بارگذاری شوند.

از CDN استفاده کنید

شبکه توزیع محتوا (CDN) فایل‌های سایت را از نزدیک‌ترین سرور به کاربر ارائه می‌دهد و در نتیجه زمان بارگذاری کاهش پیدا می‌کند.

این موضوع به‌ویژه برای سایت‌هایی با بازدیدکنندگان بین‌المللی اهمیت زیادی دارد.

فونت‌ها را بهینه کنید

بارگذاری نامناسب فونت‌های وب می‌تواند باعث افزایش LCP و CLS شود.

برای جلوگیری از این مشکل:

• فقط فونت‌های موردنیاز را بارگذاری کنید.
• از فرمت‌های بهینه مانند WOFF2 استفاده کنید.
• تنظیمات مناسب برای نمایش فونت هنگام بارگذاری را اعمال کنید.

از جابه‌جایی عناصر جلوگیری کنید

برای کاهش CLS:

• برای تصاویر و ویدئوها ابعاد مشخص تعریف کنید.
• فضای تبلیغات را از قبل رزرو کنید.
• از نمایش ناگهانی بنرها یا پاپ‌آپ‌ها در بالای صفحه خودداری کنید.

عملکرد سرور را بهبود دهید

سرعت پاسخ‌گویی سرور تأثیر مستقیمی بر LCP دارد.

برای افزایش عملکرد سرور می‌توانید:

• از هاست مناسب استفاده کنید.
• کش سمت سرور را فعال کنید.
• درخواست‌های غیرضروری را کاهش دهید.
• پایگاه داده را بهینه‌سازی کنید.

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

بیشتر بدانید: Google Search Console چیست؟ آموزش کامل سرچ کنسول گوگل

آیا Core Web Vitals روی رتبه گوگل تأثیر دارد؟

پاسخ کوتاه بله است، اما نه به اندازه‌ای که گاهی تصور می‌شود.

گوگل Core Web Vitals را به‌عنوان بخشی از سیگنال Page Experience در الگوریتم رتبه‌بندی خود در نظر می‌گیرد. این یعنی عملکرد مناسب سایت از نظر سرعت، تعامل و پایداری نمایش می‌تواند یکی از عوامل مؤثر بر رتبه صفحات باشد.

با این حال، گوگل بارها اعلام کرده است که کیفیت محتوا همچنان اهمیت بیشتری نسبت به Core Web Vitals دارد. اگر صفحه‌ای پاسخ دقیق و ارزشمندی به نیاز کاربر ارائه دهد، ممکن است حتی با وجود عملکرد فنی متوسط، رتبه مناسبی کسب کند.

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

به بیان دیگر، Core Web Vitals را باید یک عامل تکمیل‌کننده در سئو دانست، نه مهم‌ترین عامل رتبه‌بندی.

بهترین نتیجه زمانی حاصل می‌شود که:

• محتوای باکیفیت و متناسب با هدف جستجوی کاربران تولید شود.
• ساختار فنی سایت بهینه باشد.
• تجربه کاربری مناسبی ارائه شود.
• معیارهای Core Web Vitals نیز در وضعیت مطلوب قرار داشته باشند.

بنابراین، بهبود Core Web Vitals اقدامی ارزشمند است، اما نباید باعث شود سایر بخش‌های مهم سئو، مانند تولید محتوای باکیفیت، لینک‌سازی داخلی و بهینه‌سازی فنی سایت، نادیده گرفته شوند.