بهینه‌سازی Core Web Vitals؛ راهنمای کامل بهبود سرعت و سئو

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

Core Web Vitals چیست؟

Core Web Vitals مجموعه‌ای از معیارهای کمّی است که گوگل برای ارزیابی تجربه‌ی واقعی کاربر هنگام استفاده از یک صفحه تعریف کرده. این معیارها بخشی از سیگنال بزرگ‌تری به نام «Page Experience» هستند و مستقیماً روی رتبه‌ی سایت در نتایج جستجو اثر می‌گذارند. مهم‌تر از سئو، این معیارها روی نرخ ماندگاری و تبدیل کاربران هم تأثیر دارند؛ چون کاربر از سایت کند و ناپایدار سریع خارج می‌شود.

سه معیار اصلی و آستانه‌های مطلوب

Core Web Vitals از سه معیار تشکیل شده است. جدول زیر آستانه‌ها را نشان می‌دهد:

معیار	چه چیزی را می‌سنجد	خوب	نیازمند بهبود	ضعیف
LCP	سرعت بارگذاری محتوای اصلی	زیر ۲.۵ ثانیه	۲.۵ تا ۴ ثانیه	بالای ۴ ثانیه
INP	سرعت پاسخ به تعامل کاربر	زیر ۲۰۰ms	۲۰۰ تا ۵۰۰ms	بالای ۵۰۰ms
CLS	پایداری چیدمان صفحه	زیر ۰.۱	۰.۱ تا ۰.۲۵	بالای ۰.۲۵

هدف این است که هر سه معیار در محدوده‌ی «خوب» قرار بگیرند. نکته: از سال ۲۰۲۴ معیار INP جایگزین معیار قدیمی‌تر FID شده است.

LCP؛ بهبود سرعت بارگذاری

LCP (Largest Contentful Paint) زمانی را می‌سنجد که بزرگ‌ترین عنصر صفحه (معمولاً تصویر اصلی یا بلوک متن) کامل نمایش داده شود. برای بهبود آن:

• بهینه‌سازی تصاویر: استفاده از فرمت‌های مدرن مثل WebP و فشرده‌سازی تصاویر.
• استفاده از CDN: تحویل محتوا از نزدیک‌ترین سرور به کاربر (راهنما در CDN چیست).
• کش‌گذاری: فعال‌سازی کش مرورگر و سرور.
• هاست سریع: پاسخ سریع سرور (TTFB پایین) و استفاده از دیسک‌های NVMe.
• حذف منابع مسدودکننده: به تعویق انداختن جاوااسکریپت و CSS غیرضروری.

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

INP (Interaction to Next Paint) می‌سنجد سایت چقدر سریع به کلیک‌ها و تعامل‌های کاربر واکنش نشان می‌دهد. مقصر اصلی INP بالا، معمولاً جاوااسکریپت سنگین است. برای بهبود:

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

CLS؛ پایداری چیدمان صفحه

CLS (Cumulative Layout Shift) جابه‌جایی ناگهانی عناصر صفحه هنگام بارگذاری را می‌سنجد؛ مثل وقتی می‌خواهید روی دکمه‌ای کلیک کنید اما ناگهان جای آن عوض می‌شود. برای کاهش CLS:

• تعیین ابعاد ثابت برای تصاویر و ویدیوها (width و height).
• رزرو فضا برای تبلیغات و بنرها پیش از بارگذاری.
• بارگذاری صحیح فونت‌ها برای جلوگیری از پرش متن.
• پرهیز از تزریق محتوا در بالای محتوای موجود.

ابزارهای سنجش Core Web Vitals

برای اندازه‌گیری این معیارها، ابزارهای رایگان متعددی وجود دارد:

ابزار	نوع داده	کاربرد
PageSpeed Insights	میدانی + آزمایشگاهی	بررسی سریع یک صفحه
Search Console	داده‌ی واقعی کاربران	گزارش کل سایت
Lighthouse	آزمایشگاهی	تحلیل عمیق و پیشنهادها
Chrome DevTools	آزمایشگاهی	عیب‌یابی لحظه‌ای

توصیه می‌شود ابتدا با PageSpeed Insights وضعیت را بسنجید و سپس با گزارش Search Console، صفحات مشکل‌دار کل سایت را شناسایی کنید. نکته‌ی مهم این است که به داده‌ی میدانی (تجربه‌ی کاربران واقعی) بیشتر از داده‌ی آزمایشگاهی اعتماد کنید؛ چون گوگل برای رتبه‌بندی همان داده‌ی واقعی را مبنا قرار می‌دهد. اگر داده‌ی میدانی کافی برای سایت شما جمع نشده باشد، فعلاً به داده‌ی آزمایشگاهی و پیشنهادهای Lighthouse تکیه کنید تا ترافیک سایت بیشتر شود.

معیارهای مکمل که باید بشناسید

علاوه بر سه معیار اصلی، چند معیار مکمل هم به درک بهتر عملکرد سایت کمک می‌کنند:

• TTFB (Time To First Byte): زمان رسیدن اولین بایت از سرور؛ مستقیماً به کیفیت هاست و پاسخ‌گویی سرور بستگی دارد.
• FCP (First Contentful Paint): زمان نمایش اولین محتوای صفحه؛ پیش‌درآمد LCP است.
• TBT (Total Blocking Time): مدت‌زمانی که صفحه به‌خاطر پردازش‌های سنگین به تعامل پاسخ نمی‌دهد؛ ارتباط نزدیکی با INP دارد.

اگر TTFB شما بالاست، معمولاً مشکل از سرور یا هاست است نه از کد سایت؛ در این حالت ارتقای هاست یا استفاده از کش سمت سرور بیشترین تأثیر را دارد.

بهبود Core Web Vitals در وردپرس

اگر سایت شما وردپرسی است، چند اقدام مشخص بیشترین تأثیر را دارند:

• افزونه‌ی کش: نصب یک افزونه‌ی کش معتبر برای تولید صفحات استاتیک و کاهش بار سرور.
• بهینه‌سازی تصاویر: استفاده از افزونه‌هایی که تصاویر را خودکار فشرده و به WebP تبدیل می‌کنند.
• کاهش افزونه‌های اضافی: هر افزونه می‌تواند کد و درخواست اضافه بیاورد؛ فقط افزونه‌های ضروری را نگه دارید.
• قالب سبک: انتخاب یک قالب بهینه و سبک، پایه‌ی سرعت خوب است.
• Lazy Load: بارگذاری تأخیری تصاویر و ویدیوهای پایین صفحه.

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

اشتباهات رایج در بهینه‌سازی سرعت

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

تحلیل و بهینه‌سازی عملکرد در پنل هاستینو

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

۱. تحلیلگر عملکرد وب‌سایت (مبتنی بر Lighthouse)

این بخش یک تب به نام «تجزیه و تحلیل وب‌سایت» دارد که سایت شما را با قدرت Lighthouse به‌صورت دقیق آنالیز می‌کند. کافی است آدرس سایت را وارد و نوع دستگاه (دسکتاپ یا موبایل) را انتخاب کنید تا گزارش کاملی از امتیاز عملکرد، SEO و دسترسی‌پذیری و مهم‌تر از همه، معیارهای اساسی وب (Core Web Vitals) مثل LCP، CLS، Speed Index و TBT دریافت کنید.

۲. بهینه‌سازی پیشرفته و رایگان

بعد از تحلیل، می‌توانید از تب «بهینه‌سازی» برای بهبود واقعی سایت استفاده کنید. این ابزارِ کاملاً رایگان، با چند کلیک کارهایی مثل فشرده‌سازی JS و CSS، تبدیل تصاویر به WebP، بهینه‌سازی دیتابیس و تنظیم PHP را انجام می‌دهد. بهترین بخش این است که می‌توانید قبل و بعد از بهینه‌سازی سایت را دوباره تحلیل کنید و بهبود امتیازها و معیارها را به‌چشم ببینید.

به این ترتیب کل چرخه‌ی «سنجش ← بهینه‌سازی ← سنجش دوباره» را بدون خروج از پنل و بدون هزینه‌ی اضافه انجام می‌دهید و می‌توانید بهبود Core Web Vitals سایت‌تان را به‌صورت عملی دنبال کنید.

چک‌لیست عملی بهبود

• تصاویر را به WebP تبدیل و فشرده کنید.
• کش مرورگر و سرور را فعال کنید.
• از CDN استفاده کنید.
• کدهای CSS و JS را کوچک‌سازی (Minify) کنید.
• ابعاد تصاویر و ویدیوها را مشخص کنید.
• افزونه‌ها و اسکریپت‌های غیرضروری را حذف کنید.
• از یک هاست سریع و باکیفیت استفاده کنید.

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

سرعت سایت و رفتار کاربر

اهمیت Core Web Vitals فقط به رتبه‌ی گوگل محدود نمی‌شود؛ این معیارها مستقیماً روی رفتار و تصمیم کاربر اثر می‌گذارند. مطالعات متعدد نشان داده‌اند که با افزایش زمان بارگذاری، نرخ خروج کاربران به‌شدت بالا می‌رود؛ یعنی اگر سایت شما کند باشد، بخش بزرگی از بازدیدکنندگان پیش از دیدن محتوا آن را ترک می‌کنند. در فروشگاه‌های آنلاین، حتی یک ثانیه تأخیر می‌تواند نرخ تبدیل و در نتیجه فروش را کاهش دهد. به‌بیان ساده، سرعت و پایداری سایت یک سرمایه‌گذاری مستقیم روی درآمد است، نه فقط یک معیار فنی.

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

از کجا شروع کنیم؟ یک مسیر پیشنهادی

اگر نمی‌دانید از کجا آغاز کنید، این مسیر گام‌به‌گام را دنبال کنید:

• ۱. با PageSpeed Insights وضعیت فعلی هر سه معیار را بسنجید.
• ۲. از گزارش Core Web Vitals در Search Console، صفحات مشکل‌دار را پیدا کنید.
• ۳. ابتدا روی LCP کار کنید (تصاویر، کش و هاست) چون بیشترین تأثیر را دارد.
• ۴. سپس INP را با کاهش جاوااسکریپت بهبود دهید.
• ۵. در نهایت CLS را با تثبیت چیدمان و ابعاد عناصر اصلاح کنید.
• ۶. پس از هر تغییر، دوباره اندازه‌گیری کنید تا از بهبود مطمئن شوید.

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

تأثیر Core Web Vitals بر سئو

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

سوالات متداول

آیا Core Web Vitals واقعاً روی رتبه اثر دارد؟
بله، یک عامل رتبه‌بندی تأییدشده است، هرچند در کنار ده‌ها عامل دیگر؛ پس آن را در کنار محتوای خوب ببینید.

تفاوت داده‌ی میدانی و آزمایشگاهی چیست؟
داده‌ی میدانی (Field) از تجربه‌ی کاربران واقعی جمع می‌شود و داده‌ی آزمایشگاهی (Lab) در محیط شبیه‌سازی‌شده. گوگل برای رتبه، داده‌ی میدانی را مبنا قرار می‌دهد.

چرا نمره‌ی موبایل و دسکتاپ من فرق دارد؟
چون موبایل‌ها معمولاً پردازنده و اینترنت ضعیف‌تری دارند؛ همیشه نسخه‌ی موبایل را در اولویت بهینه‌سازی بگذارید.

هاست روی Core Web Vitals اثر دارد؟
بله، کیفیت و سرعت هاست مستقیماً روی LCP و زمان پاسخ سرور اثر می‌گذارد؛ هاست ضعیف، بهترین بهینه‌سازی‌ها را هم خنثی می‌کند.

هر چند وقت یک‌بار باید Core Web Vitals را بررسی کنم؟
توصیه می‌شود به‌صورت ماهانه و بعد از هر تغییر بزرگ در سایت (نصب قالب یا افزونه‌ی جدید) آن را بسنجید تا افت احتمالی را زود تشخیص دهید.

آیا رسیدن به نمره‌ی ۱۰۰ ضروری است؟
نه، هدف اصلی قرارگرفتن هر سه معیار در محدوده‌ی «خوب» است، نه نمره‌ی کامل. تلاش وسواس‌گونه برای نمره‌ی ۱۰۰ معمولاً ارزش زمان صرف‌شده را ندارد.

تفاوت INP با FID قدیمی چیست؟
FID فقط تأخیر اولین تعامل را می‌سنجید، اما INP کل تعامل‌های کاربر در طول بازدید را در نظر می‌گیرد و معیار دقیق‌تری از پاسخ‌گویی است.

جمع‌بندی

Core Web Vitals — یعنی LCP، INP و CLS — معیارهایی ملموس برای سنجش تجربه‌ی کاربری هستند که هم بر سئو و هم بر رضایت کاربر اثر می‌گذارند. با بهینه‌سازی تصاویر، استفاده از CDN و هاست سریع، کاهش جاوااسکریپت و تثبیت چیدمان، می‌توانید هر سه معیار را به محدوده‌ی مطلوب برسانید و سایتی سریع‌تر، پایدارتر و خوش‌رتبه‌تر داشته باشید. به یاد داشته باشید که بهینه‌سازی سرعت یک فرایند پیوسته است؛ آن را به بخشی از نگهداری منظم سایت تبدیل کنید تا همیشه یک قدم از رقبا جلوتر بمانید.