- موضوع نویسنده
- #1
Core Web Vitals چیست و چرا اهمیت دارد؟
در سالهای اخیر گوگل تمرکز ویژهای روی تجربه کاربری واقعی کاربران در سایتها گذاشته است. Core Web Vitals یا هسته حیاتی وب، مجموعهای از معیارهاست که کیفیت بارگذاری، واکنشپذیری و پایداری صفحات را از دید کاربر میسنجد. توجه به این معیارها نه فقط باعث رضایت کاربر، بلکه موجب افزایش رتبه سایت در نتایج جستجو و کاهش نرخ خروج میشود.
گوگل معیارهای Core Web Vitals را یکی از مهمترین فاکتورها در رتبهبندی نتایج جستجو معرفی کرده است؛ ضعف در این معیارها مستقیماً به افت جایگاه سایت منجر خواهد شد.
معیارهای کلیدی Core Web Vitals به زبان ساده
Core Web Vitals فعلاً شامل سه فاکتور اصلی است که هرکدام تأثیری مستقیم بر تجربه کاربر دارند:
۱. LCP (Largest Contentful Paint) - بزرگترین بخش قابل نمایش
LCP مدت زمانی است که طول میکشد تا مهمترین یا بزرگترین المان بصری صفحه (مثل عکس شاخص یا تیتر اصلی) به صورت کامل برای کاربر بارگذاری شود.
- LCP کمتر از ۲.۵ ثانیه = عالی
- بین ۲.۵ تا ۴ ثانیه = نیاز به بهبود
- بیش از ۴ ثانیه = ضعیف
۲. FID (First Input Delay) - تأخیر اولین تعامل
این معیار زمانی را اندازهگیری میکند که کاربر یک تعامل اولین مثل کلیک یا اسکرول را انجام میدهد تا سایت به آن واکنش نشان دهد.
- FID کمتر از ۱۰۰ میلیثانیه = عالی
- بین ۱۰۰ تا ۳۰۰ میلیثانیه = نیاز به بهبود
- بیش از ۳۰۰ میلیثانیه = ضعیف
از مارس ۲۰۲۴ معیار جدید INP جایگزین FID خواهد شد که پایداری پاسخ به تمام تعاملات را بررسی میکند.
۳. CLS (Cumulative Layout Shift) - ناپایداری چیدمان
CLS میزان جابجایی المنتهای اصلی صفحه در حین بارگذاری را اندازهگیری میکند. اگر اجزای سایت مدام حرکت کنند (مثلاً تبلیغات یا تصاویر ناگهانی لود شوند)، تجربه کاربری بد میشود.
- CLS کمتر از ۰.۱ = عالی
- بین ۰.۱ تا ۰.۲۵ = نیازمند بهبود
- بیش از ۰.۲۵ = ضعیف
جدول خلاصه معیارها و وضعیت ایدهآل
معیار | وضعیت عالی | وضعیت متوسط | وضعیت ضعیف |
LCP | کمتر از ۲.۵ ثانیه | ۲.۵ تا ۴ ثانیه | بیش از ۴ ثانیه |
FID | کمتر از ۱۰۰ms | ۱۰۰ تا ۳۰۰ms | بیش از ۳۰۰ms |
CLS | کمتر از ۰.۱ | ۰.۱ تا ۰.۲۵ | بیش از ۰.۲۵ |
چگونه Core Web Vitals سایت خود را بررسی کنیم؟
برای مشاهده وضعیت این معیارها کافی است از ابزارهای زیر استفاده کنید:
- Google PageSpeed Insights (
https://pagespeed.web.dev
) - Google Search Console (بخش Experience > Core Web Vitals)
- افزونه Lighthouse در مرورگر کروم
- Web.dev Measure
مهمترین راههای بهبود LCP (زمان بارگذاری المان اصلی)
- بهینهسازی تصاویر: استفاده از فرمتهای جدید مثل WebP، فشردهسازی اصولی و بارگذاری تدریجی (
lazy loading
). - کاهش حجم فایلهای CSS و JS: تلفیق و فشردهسازی فایلها با استفاده از افزونههای وردپرس مثل
Autoptimize
یاWP Rocket
. - فعالسازی کش سرور و مرورگر: تنظیم کش با افزونهها یا فایل .htaccess.
- استفاده از سرویس CDN: کاهش فاصله جغرافیایی کاربر و سرور.
- کاهش درخواستهای HTTP غیرضروری (فونتها، اسکریپتها، …)
روشهای بهبود FID و INP (تعامل و واکنش سایت)
- کاهش و بهینهسازی اسکریپتهای جاوااسکریپت: حذف یا تعویق لود اسکریپتهای غیرمحوری.
- استفاده از تکنیک
async
وdefer
برای اسکریپتها. - اجتناب از افزونههای سنگین و بلاککننده در وردپرس یا XenForo.
- آپدیت افزونهها و استفاده از نسخههای جدید PHP سرور (مثل نسخه ۸.۱).
HTML:
<script src="file.js" async></script>
<script src="file.js" defer></script>
راهکارهای کاهش CLS (جابجا نشدن یا ثابت ماندن اجزای صفحه)
- اختصاص دادن اندازه ثابت به تصاویر و ویدیوها با خاصیت Width و Height.
- جلوگیری از جایگذاری تبلیغات بدون ابعاد مشخص.
- لود تدریجی و به ترتیب عناصر (مثلاً منوها و بنرها)
- استفاده از CSS مدرن برای ثبات layout.
CSS:
img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
اشتباهات رایج هنگام بهینهسازی Core Web Vitals
- نادیده گرفتن تأثیر افزونههای اضافی بر LCP و FID
- عدم توجه به نسخه موبایل سایت
- بارگذاری فونتهای خارجی بدون Preload
- استفاده بیش از حد از اسکریپتهای Third-party (چت آنلاین، ابزارک، …)
اگر سایت شما با WordPress یا XenForo راهاندازی شده، حتماً نسخهها و پلاگینها را بروز و سبک نگه دارید؛ بهینهسازی تصاویر، اسکریپتها و استفاده از کش ضروری است.
توصیههای کلیدی برای مدیران سایتهای ایرانی
- Core Web Vitals را بخش مهم از استراتژی سئو خود قرار دهید، هر ماه یکبار معیارها را بررسی کنید.
- برای سایتهای محتوامحور، حتماً بارگذاری تصاویر، بنرها و ویدیوها را بهینه کنید.
- بین سرعت و امکانات سایت تعادل برقرار کنید، گاهی افزودن تنها یک افزونه میتواند کل امتیاز سرعت شما را کاهش دهد.
- در صورت استفاده از CDN، مرکز داده را نزدیکترین لوکیشن به کاربر ایرانی انتخاب نمایید.
جمعبندی و جدول چکلیست بهینهسازی
گام | ابزار یا افزونه پیشنهادی | توضیح |
بهینهسازی تصویر | ShortPixel, Imagify | کاهش حجم تصاویر با حفظ کیفیت |
فشردهسازی کد | Autoptimize, WP Rocket | تلفیق و کاهش حجم فایلهای CSS/JS |
کاهش CLS | – | تعریف سایز برای مدیا و اجزای داینامیک |
افزایش سرعت سرور | استفاده از نسخههای جدید PHP، فعالسازی کش | ارتقاء منابع و نرمافزار سرور |
بررسی وضعیت سایت | PageSpeed Insights, Search Console | بررسی منظم و رفع ارورها |