سلام دنیا!

مقدمه

اگه تو سال‌های اخیر سئو سایتت رو جدی گرفته باشی، احتمالاً اسم Core Web Vitals رو شنیدی. این سه متریک — LCP، INP، CLS — اون‌قدر مهم شدن که گوگل رتبه‌بندی صفحات رو بر اساسش تنظیم می‌کنه. تو ۲۰۲۶ یه تغییر مهم اتفاق افتاد.

یه سایت سریع لزوماً سئوی خوبی نداره — ولی یه سایت کند، صد در صد سئوی بدی داره.

LCP — هنوز پادشاه

Largest Contentful Paint هنوز مهم‌ترین متریک تجربه کاربری گوگله. تارگت < 2.5sـه. اگه سایتت بالای ۴ ثانیه‌ست، گوگل اون رو «کند» می‌بینه و رتبه‌اش رو پایین می‌کشه.

چه چیزایی LCP رو خراب می‌کنن؟

• تصاویر بهینه‌نشده (بدون webp، بدون lazy-load)
• فونت‌های کند (FOIT — Flash of Invisible Text)
• سرور کند یا CDN ضعیف
• JavaScript بلاکر تو هد سایت

INP — جانشین FID

Interaction to Next Paint از مارس ۲۰۲۴ جایگزین FID شد. این متریک می‌سنجه چقدر طول می‌کشه از وقتی روی یه دکمه کلیک می‌کنی، پاسخ ببینی.

// نمونه کد بهینه‌سازی INP
const button = document.querySelector('#cta');
button.addEventListener('click', async (e) => {
  // از requestIdleCallback استفاده کن
  requestIdleCallback(() => heavyTask());
  showFeedback(); // بازخورد فوری
});

CLS — سکوت قبل از طوفان

Cumulative Layout Shift اون لحظه‌ای که داری مقاله می‌خونی و یهو همه چیز جابجا می‌شه. کاربر عصبی می‌شه و صفحه رو می‌بنده.

راه حل ساده: width و height برای همه تصاویر، اسپیس از قبل برای تبلیغ‌ها، و فونت‌های با font-display: swap.

چجوری دیباگ کنیم

پیشنهاد ما یه فرآیند ۴ مرحله‌ایه: اندازه‌گیری → اولویت‌بندی → اعمال تغییرات → تست مجدد. هر مرحله ابزار و KPI خودش رو داره.

ابزارهای پیشنهادی

• PageSpeed Insights — برای اندازه‌گیری اولیه
• WebPageTest — برای تست از سرور ایران
• Lighthouse CI — برای پایش مداوم
• Search Console — برای دید کلی روی همه صفحات

جمع‌بندی

Core Web Vitals مدل امتحانه. گوگل لیست سؤالات رو هر سال عوض می‌کنه. خبر خوب اینه که: اگه فرآیند درستی برای پایش و بهینه‌سازی داشته باشی، این تغییرات تهدید نیستن — فرصتن.

تو دکتر دیباگ، ما این فرآیند رو برای ۲۴۷ کسب‌وکار پیاده کردیم. می‌خوای روی سایت تو هم پیاده کنیم؟