هسته حیاتی وب مجموعه‌ای از فاکتورهای رسمی گوگل برای سنجش کیفیت تجربه کاربری، سرعت بارگذاری و پایداری تعاملی صفحات سایت است. این معیارها تأثیر مستقیم بر سئو و رتبه‌بندی سایت‌ها دارند و استانداردهای فنی آن به شرح زیر به روزرسانی شده است.
سه رکن اصلی هسته حیاتی وب:
۱. شاخص LCP (Largest Contentful Paint یا زمان ترسیم بزرگ‌ترین بخش محتوا):
این شاخص مدت‌زمانی را اندازه می‌گیرد که بزرگ‌ترین عنصر بصری صفحه (مثل تصویر بنر اصلی، ویدیو یا بلوک متنی سرتیتر) به طور کامل روی صفحه نمایش داده شود. امتیاز ایده‌آل LCP کمتر از ۲.۵ ثانیه است. بازه بین ۲.۵ تا ۴ ثانیه نیازمند بهبود و بیشتر از ۴ ثانیه ضعیف محسوب می‌شود.
۲. شاخص INP (Interaction to Next Paint یا تعامل تا بازترسیم بعدی):
این شاخص جایگزین رسمی و دائمی معیار منسوخ‌شده FID (First Input Delay) است. معیار INP میزان پاسخ‌دهی و تاخیر صفحه را در برابر تمامی تعاملات کاربر (شامل کلیک روی دکمه‌ها، ضربه روی نمایشگر موبایل و تایپ کردن) در طول کل زمان حضور در صفحه می‌سنجد. امتیاز ایده‌آل INP کمتر از ۲۰۰ میلی‌ثانیه است. بازه بین ۲۰۰ تا ۵۰۰ میلی‌ثانیه نیازمند بهینه‌سازی و بیش از ۵۰۰ میلی‌ثانیه ضعیف است.
۳. شاخص CLS (Cumulative Layout Shift یا تغییر چیدمان تجمعی):
این معیار پایداری بصری صفحه را ارزیابی می‌کند تا مشخص شود آیا المان‌های صفحه حین لود شدن دچار جابه‌جایی و پرش ناگهانی می‌شوند یا خیر. جلوگیری از پرش صفحه مانع از کلیک ناخواسته کاربران روی لینک‌های اشتباه می‌شود. امتیاز ایده‌آل CLS کمتر از ۰.۱ است. بین ۰.۱ تا ۰.۲۵ نیازمند اصلاح و بالای ۰.۲۵ ضعیف تلقی می‌شود.
شاخص‌های تکمیلی و مهم:
– شاخص TTFB (زمان دریافت اولین بایت): مدت زمان اتصال و پاسخ اولیه سرور که بهبود آن تاثیر مستقیم روی LCP دارد.
– شاخص FCP (اولین ترسیم محتوایی): زمانی که اولین المان متنی یا تصویری در مرورگر ظاهر می‌شود.
راهکارهای فنی و عملی برای بهینه‌سازی هسته حیاتی وب:
– بهینه‌سازی تصاویر: استفاده از فرمت‌های مدرن مانند WebP و AVIF، فشرده‌سازی استاندارد و بارگذاری تنبل (Lazy Loading) برای تصاویر خارج از کادر اولیه دید.
– تعیین ابعاد ثابت برای المان‌ها: مشخص کردن ویژگی‌های عرض و ارتفاع (width و height) برای تمام تصاویر، بنرها و ویدیوها جهت جلوگیری از پرش صفحه و افت CLS.
– بهینه‌سازی و کاهش حجم کدهای جاوا اسکریپت: تقسیم کدها (Code Splitting) و به تاخیر انداختن اسکریپت‌های غیرضروری برای سبک‌سازی رشته اصلی پردازش مرورگر و بهبود شاخص INP.
– استفاده از شبکه توزیع محتوا (CDN) و کش سرور: کاهش تاخیر شبکه و افزایش سرعت لود داده‌های اولیه با سرورهای مجهز به پروتکل‌های جدید.
– بارگذاری بهینه فونت‌ها: استفاده از خاصیت font-display: swap برای جلوگیری از تاخیر در نمایش متن و پرش‌های ناگهانی فونت.
ابزارهای بررسی و پایش:
– گزارش Core Web Vitals در گوگل سرچ کنسول بر مبنای داده‌های واقعی کاربران (CrUX).
– ابزار PageSpeed Insights جهت بررسی موشکافانه وضعیت کدهای صفحه روی موبایل و دسکتاپ.
– بخش Performance در ابزارهای بازرسی مرورگر کروم برای رفع اشکالات حین توسعه.
بدون دیدگاه