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

Core Web Vitals چیست؟

Core Web Vitals مجموعه‌ای از سه معیار کلیدی است که گوگل برای سنجش تجربه کاربری صفحه تعریف کرده است. این سه معیار در سال‌های اخیر تکامل یافته‌اند و در نسخه فعلی شامل این‌ها می‌شوند:

۱. LCP (Largest Contentful Paint)

زمان بارگذاری بزرگ‌ترین عنصر قابل‌مشاهده صفحه (معمولاً تصویر هیرو یا عنوان اصلی). این معیار سرعت درک‌شده کاربر از لود صفحه را نشان می‌دهد.

• خوب: کمتر از ۲.۵ ثانیه
• نیاز به بهبود: ۲.۵ تا ۴ ثانیه
• ضعیف: بیش از ۴ ثانیه

۲. INP (Interaction to Next Paint)

این معیار از مارس ۲۰۲۴ جایگزین FID شد. میانگین زمان بین اقدام کاربر (کلیک، تایپ) و پاسخ بصری صفحه. به زبان ساده، چقدر سایت «روان» است.

• خوب: کمتر از ۲۰۰ میلی‌ثانیه
• نیاز به بهبود: ۲۰۰ تا ۵۰۰ میلی‌ثانیه
• ضعیف: بیش از ۵۰۰ میلی‌ثانیه

۳. CLS (Cumulative Layout Shift)

میزان «جابه‌جایی» عناصر صفحه در حین بارگذاری. اگر تصویری بدون اندازه مشخص بارگذاری شود و متن پایین آن جابه‌جا شود، CLS بالا می‌رود.

• خوب: کمتر از ۰.۱
• نیاز به بهبود: ۰.۱ تا ۰.۲۵
• ضعیف: بیش از ۰.۲۵

چرا Core Web Vitals برای وردپرس اهمیت دارد؟

• فاکتور رتبه‌بندی گوگل: سایت‌های با CWV بهتر در نتایج جستجو بالاتر قرار می‌گیرند
• کاهش نرخ پرش: هر ثانیه تأخیر بارگذاری، نرخ تبدیل را تا ۷ درصد کاهش می‌دهد
• تجربه کاربری بهتر: بازدیدکنندگان در سایت می‌مانند و بیشتر صفحه می‌بینند
• نرخ تبدیل بالاتر: فروشگاه‌های سریع‌تر درآمد بیشتری دارند — آمارهای متعددی این را نشان می‌دهند

ابزارهای اندازه‌گیری Core Web Vitals

۱. PageSpeed Insights

ابزار رسمی گوگل در pagespeed.web.dev. داده‌های آزمایشگاهی (Lighthouse) و داده‌های واقعی کاربران (CrUX) را نشان می‌دهد. گزارش پیشنهادهای بهینه‌سازی تفصیلی می‌دهد.

۲. Google Search Console

در بخش Core Web Vitals، گزارش عملکرد سایت شما بر اساس داده‌های واقعی کاربران Chrome. URLهایی که نیاز به بهبود دارند را نشان می‌دهد.

۳. GTmetrix

ابزار جامع با امکانات اضافه مثل آبشار درخواست‌ها، ویدیوی لود صفحه و مقایسه نسخه‌ها.

۴. WebPageTest

ابزار پیشرفته برای تست از لوکیشن‌های مختلف با تنظیمات شبکه شبیه‌سازی‌شده.

۵. Chrome DevTools

تب Performance و Lighthouse داخل DevTools مرورگر کروم. برای تست محلی و سریع.

راهکارهای بهبود LCP

۱. انتخاب هاست مناسب

هیچ بهینه‌سازی جایگزین هاست بد نمی‌شود. اگر TTFB (Time To First Byte) هاست شما بالای ۶۰۰ میلی‌ثانیه است، بدون ارتقا هاست بهبود قابل‌توجه ممکن نیست.

۲. فعال‌سازی کش سرور

LiteSpeed Cache یا Varnish در سطح سرور، سریع‌ترین نوع کش هستند. این‌ها HTML کامل صفحه را کش می‌کنند و بدون اجرای PHP به کاربر می‌دهند.

۳. بهینه‌سازی تصویر

• تبدیل تمام تصاویر به فرمت WebP یا AVIF
• فشرده‌سازی با کیفیت ۷۵-۸۰ درصد (تفاوت با اصلی نامحسوس اما حجم ۶۰ درصد کمتر)
• استفاده از srcset برای تصاویر ریسپانسیو
• بارگذاری تنبل (Lazy Loading) برای تصاویر پایین fold

۴. CDN

شبکه تحویل محتوا (CDN) مثل Cloudflare، Bunny.net یا QUIC.cloud، فایل‌های استاتیک را از سرور نزدیک به کاربر بارگذاری می‌کند. این برای سایت‌هایی که بازدیدکننده از چند کشور دارند حیاتی است.

۵. بهینه‌سازی دیتابیس

دیتابیس پر از داده‌های بلااستفاده (revisions، auto-drafts، transient expired) کند می‌شود. افزونه WP-Optimize یا دستور wp db optimize در WP-CLI را ماهانه اجرا کنید.

راهکارهای بهبود INP

۱. کاهش JavaScript اضافی

هر اسکریپت JavaScript مرورگر را مشغول می‌کند و INP را بالا می‌برد:

• افزونه‌های غیرضروری را حذف کنید
• از Asset CleanUp یا Perfmatters برای غیرفعال‌کردن افزونه‌ها در صفحات خاص استفاده کنید
• اسکریپت‌های پس‌زمینه (چت آنلاین، آنالیتیکس ثانویه) را فقط پس از تعامل کاربر بارگذاری کنید

۲. Defer و Async کردن JS

این از اجرای هم‌زمان اسکریپت‌ها و مسدود شدن نخ اصلی مرورگر جلوگیری می‌کند. افزونه‌های WP Rocket، LiteSpeed Cache و Autoptimize این را خودکار انجام می‌دهند.

۳. جایگزینی jQuery با کد وانیلا JavaScript

بسیاری از افزونه‌های قدیمی همچنان از jQuery استفاده می‌کنند. اگر می‌توانید، قالب و افزونه‌های مدرن را انتخاب کنید.

راهکارهای بهبود CLS

۱. تعیین width و height برای تصاویر

در هر تگ <img> ابعاد را مشخص کنید تا مرورگر فضای تصویر را از قبل رزرو کند.

۲. فونت‌های بهینه

• از font-display: swap استفاده کنید تا در زمان بارگذاری، فونت پیش‌فرض نمایش داده شود
• فونت‌های فارسی را locally میزبانی کنید به جای Google Fonts
• فقط وزن‌های ضروری فونت (۳۰۰، ۴۰۰، ۷۰۰) را بارگذاری کنید

۳. پرهیز از تبلیغات و ویجت‌های تأخیری

تبلیغات گوگل و بنرهای تبلیغاتی که بعد از لود صفحه ظاهر می‌شوند و محتوا را جابه‌جا می‌کنند، قاتل CLS هستند. برای هر کدام کانتینر با اندازه ثابت بسازید.

جدول ابزارهای بهینه‌سازی وردپرس

مشکل	ابزار/افزونه پیشنهادی
کش صفحه	LiteSpeed Cache / WP Rocket / W3 Total Cache
بهینه‌سازی تصویر	ShortPixel / Smush / Imagify
فشرده‌سازی CSS/JS	Autoptimize / WP Rocket
Lazy Loading	a3 Lazy Load / WP Rocket
بهینه‌سازی دیتابیس	WP-Optimize / Advanced DB Cleaner
CDN رایگان	Cloudflare / QUIC.cloud
حذف افزونه در صفحات خاص	Asset CleanUp / Perfmatters

نقش هاست در Core Web Vitals

شاید مهم‌ترین نکته این مقاله همین باشد: هیچ افزونه‌ای نمی‌تواند هاست بد را جبران کند. TTFB (زمان رسیدن اولین بایت از سرور) مستقیماً در LCP سهیم است. اگر هاست شما ۸۰۰ میلی‌ثانیه TTFB دارد، LCP شما حتی با بهترین بهینه‌سازی هم بالای ۲ ثانیه باقی می‌ماند.

هاست وردپرس خوب باید این ویژگی‌ها را داشته باشد:

• TTFB کمتر از ۳۰۰ میلی‌ثانیه در شرایط عادی
• LiteSpeed یا Nginx به‌جای Apache تنها
• PHP نسخه ۸.۳ یا بالاتر با OPcache و JIT فعال
• Object Cache (Redis یا Memcached) برای کوئری‌های دیتابیس
• HTTP/3 و QUIC برای کاهش زمان اتصال
• Brotli compression برای کاهش حجم انتقال

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

1. در PageSpeed Insights وضعیت فعلی را ثبت کنید
2. افزونه کش سطح سرور را نصب و فعال کنید
3. تمام تصاویر را به WebP تبدیل کنید
4. Lazy Loading را فعال کنید
5. فونت‌های اضافه را حذف و ضروری‌ها را preload کنید
6. افزونه‌های Abandoned یا سنگین را جایگزین کنید
7. CDN (حداقل Cloudflare رایگان) فعال کنید
8. دیتابیس را تمیز کنید
9. دوباره PageSpeed Insights را چک کنید — تفاوت باید ۲۰-۴۰ درصدی باشد
10. اگر هنوز قرمز است، هاست را ارتقا دهید

پرسش‌های متداول

چقدر طول می‌کشد تا تغییرات در Google Search Console منعکس شود؟

داده‌های Core Web Vitals در GSC بر اساس میانگین ۲۸ روز گذشته است. پس از بهینه‌سازی، حداقل ۲ هفته صبر کنید تا تغییرات منعکس شوند.

آیا نمره PageSpeed با Core Web Vitals یکی است؟

نه. نمره PageSpeed بر اساس Lighthouse (تست آزمایشگاهی) است. Core Web Vitals از داده‌های واقعی میلیون‌ها کاربر Chrome می‌آید. گاهی PageSpeed سبز است اما CWV قرمز — چون کاربران واقعی از شبکه ضعیف‌تر استفاده می‌کنند.

آیا سایت موبایل و دسکتاپ امتیاز جداگانه دارند؟

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

آیا می‌توانم INP را بدون تغییر قالب بهبود دهم؟

تا حدی. با غیرفعال‌کردن افزونه‌های سنگین، defer کردن اسکریپت‌ها و استفاده از کش می‌توان INP را بهبود داد. اما اگر قالب جاوااسکریپت سنگینی دارد، در نهایت باید قالب را عوض کنید.

مقالات مرتبط