Core Web Vitals به زبان ساده؛ سه سنجه مهم تجربه کاربر

وقتی کاربری سایت شما را باز می‌کند، پیش از آنکه یک کلمه بخواند، سه اتفاق را «حس» می‌کند: سرعت ظاهرشدن صفحه، پاسخ‌گویی به کلیک و ثبات عناصر. گوگل همین سه حس را با سه سنجه اندازه می‌گیرد و اسمش را Core Web Vitals گذاشته است. خبر خوب این است که بهبود این سه سنجه، نه پیچیده است و نه به بازسازی کامل سایت نیاز دارد — اگر بدانید کجا را ببینید.

LCP؛ سرعت دیدن محتوای اصلی

LCP (Largest Contentful Paint) می‌گوید بزرگ‌ترین عنصر دیدنی صفحه — معمولاً تصویر شاخص یا تیتر بزرگ — چه زمانی نمایش داده می‌شود. عدد مطلوب، زیر ۲/۵ ثانیه است. عامل‌های اصلی کندی معمولاً این‌ها هستند: تصویر سنگین بالای صفحه، هاست یا CDN کند و فونت‌هایی که دیر می‌رسند. راه‌حل‌های عملی:

• تبدیل تصاویر به WebP با ابعاد متناسب با محل نمایش
• بارگذاری فوری برای تصویر اصلی صفحه اول و Lazy Loading برای بقیه
• فشرده‌سازی و پیش‌بارگذاری فونت اصلی سایت

INP؛ پاسخ‌گویی به تعامل کاربر

INP (Interaction to Next Paint) اندازه می‌گیرد وقتی کاربر کلیک یا لمس می‌کند، صفحه چقدر سریع واکنش نشان می‌دهد. عدد مطلوب زیر ۲۰۰ میلی‌ثانیه است. کد سنگین جاوااسکریپت که هنگام کلیک وسط کار است، اصلی‌ترین مقصر است. شکستن کارهای سنگین به قطعه‌های کوچک، حذف اسکریپت‌های بلااستفاده و تأخیر در بارگذاری موارد غیرضروری، INP را به‌شکل محسوس بهتر می‌کند.

CLS؛ ثبات بصری صفحه

CLS (Cumulative Layout Shift) می‌گوید عناصر صفحه هنگام بارگذاری، چقدر جابه‌جا می‌شوند. شما هم تجربه کرده‌اید: مشغول خواندن هستید، دکمه «ادامه» می‌آید و دقیقاً زیر انگشت‌تان جا عوض می‌کند. راه‌حل: برای همه تصاویر و ویدئوها ابعاد (width/height) مشخص کنید، جای بنرهای تزئینی را از قبل رزرو کنید و فونت‌های جایگزین را نزدیک به فونت اصلی انتخاب کنید.

جمع‌بندی

Core Web Vitals فهرست سخت‌گیرانه گوگل نیست؛ فهرست حوصله کاربر است. سایتی که سریع ظاهر شود، سریع جواب بدهد و نپرد، هم رتبه بهتری می‌گیرد و هم — مهم‌تر از آن — بازدیدکننده را به مشتری تبدیل می‌کند. در پروژه‌های ما بهینه‌سازی این سه سنجه جزو تحویل استاندارد است.