چگونه نمره Core Web Vitals را در وردپرس سبز کنیم؟ (راهنمای ۲۰۲۵)

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

Core Web Vitals چیست؟

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

طبق مستندات رسمی گوگل (web.dev)، این شاخص‌ها به سه دسته اصلی تقسیم می‌شوند که در ادامه به معرفی تک‌تک آن‌ها خواهیم پرداخت.

1. LCP (Largest Contentful Paint) چیست؟

معیار LCP یا “بزرگترین ترسیم محتوایی” یکی از مهم‌ترین فاکتورهای این مجموعه می‌باشد که مدت زمان لود شدن بزرگترین عنصر محتوایی در صفحه (معمولاً تصویر شاخص یا تیتر اصلی H1) را اندازه‌گیری می‌کند. شما با بهینه‌سازی این فاکتور قادر خواهید بود به کاربر نشان دهید که صفحه شما قابل استفاده است. برای اینکه نمره LCP شما سبز باشد، این عنصر باید در کمتر از ۲.۵ ثانیه بارگذاری شود.

2. INP (Interaction to Next Paint) چیست؟

معیار INP که در سال‌های اخیر جایگزین FID شده است، پاسخگویی صفحه شما را اندازه‌گیری می‌کند. این معیار زمانی را که کاربر با صفحه تعامل می‌کند (مانند کلیک روی دکمه یا منو) تا زمانی که مرورگر پاسخ بصری را نشان می‌دهد، بررسی می‌کند. یک وب‌سایت وردپرسی بهینه باید دارای نمره INP کمتر از ۲۰۰ میلی‌ثانیه باشد تا تجربه کاربری روانی را ارائه دهد.

3. CLS (Cumulative Layout Shift) چیست؟

معیار CLS یا “تغییر چیدمان تجمعی” میزان ثبات بصری صفحه شما را می‌سنجد. آیا تا به حال پیش آمده که در حال خواندن متنی باشید و ناگهان یک عکس لود شود و کل متن را جابجا کند؟ این همان CLS ضعیف است. برای داشتن وضعیت سبز در این بخش، نمره شما باید کمتر از 0.1 باشد.

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

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

انتخاب هاستینگ مناسب

اولین و مهم‌ترین قدم، انتخاب یک هاست قدرتمند است. اگر سرور شما کند باشد، هیچ افزونه‌ای نمی‌تواند معجزه کند. برای وردپرس، استفاده از هاست‌های مدیریت شده یا سرورهای دارای وب‌سرور LiteSpeed یا Nginx توصیه می‌شود که سرعت پاسخ‌دهی سرور (TTFB) را به شدت کاهش می‌دهند.

استفاده از افزونه‌های کش (Caching)

نرم‌افزارهای جانبی یا همان افزونه‌های کش، نقشی حیاتی در سبز کردن نمرات شما دارند. یکی از قدرتمندترین افزونه‌ها در این حیطه، WP Rocket می‌باشد.

شما با استفاده از این نرم‌افزار می‌توانید فایل‌های CSS و JS خود را فشرده کنید، بارگذاری تنبل (Lazy Load) را برای تصاویر فعال کنید و کش صفحات را مدیریت نمایید. این اقدامات مستقیماً بر روی نمره LCP و INP تاثیر مثبت می‌گذارد.

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

تصاویر سنگین بزرگترین دشمن LCP هستند. شما باید تصاویر خود را قبل از آپلود به فرمت‌های مدرن مانند WebP تبدیل کنید. افزونه‌هایی مانند Imagify یا Smush می‌توانند این کار را به صورت خودکار برای شما انجام دهند. همچنین مطمئن شوید که برای تصاویر خود ابعاد دقیق (width و height) تعیین کرده‌اید تا از بروز مشکل CLS جلوگیری کنید.

کدهای مخرب و فونت‌ها

فونت‌های فارسی معمولاً حجم بالایی دارند. سعی کنید فونت‌ها را به صورت محلی (Local) بارگذاری کنید و از ویژگی font-display: swap استفاده کنید تا متن قبل از لود شدن کامل فونت، نمایش داده شود.

قطعه کد کاربردی برای فایل .htaccess

یکی از کارهایی که می‌توانید برای بهبود سرعت انجام دهید، فعال‌سازی قابلیت کش مرورگر (Browser Caching) از طریق فایل .htaccess است. اگر از سرور آپاچی یا لایت‌اسپید استفاده می‌کنید، کد زیر به شما کمک می‌کند:

# Enable Browser Caching
<IfModule mod_expires.c>
ExpiresActive On

# Images
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"

# CSS and JS
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

نکته: قبل از ویرایش این فایل حتماً یک نسخه پشتیبان (Backup) تهیه کنید.

نتیجه‌گیری

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