سرعت بارگذاری، پاسخگویی و پایداری صفحات، بخش مهمی از تجربه کاربری در وبسایتهای امروزی هستند. کاربران معمولاً انتظار دارند یک صفحه در چند ثانیه باز شود و هنگام کلیک روی دکمهها، منوها یا فرمها با تأخیر مواجه نشوند.
گوگل نیز برای سنجش کیفیت تجربه کاربر، مجموعهای از معیارها را با عنوان Core Web Vitals معرفی کرده است. این معیارها مستقیماً کیفیت فنی سایت را ارزیابی میکنند و میتوانندوا، سازگاری با موبایلاری با موبایل، امنیت و اعتبار صفحه، روی عملکرد سایت در نتایج جستوجو تأثیر بگذارند.
در این راهنما از یونیکس وب (unixweb)، مهمترین معیارهای Core Web Vitals، روش اندازهگیری آنها و راهکارهای عملی بهینهسازی سایتهای وردپرسی را بررسی میکنیم.
Core Web Vitals چیست؟
Core Web Vitals مجموعهای از شاخصهای استاندارد گوگل برای ارزیابی تجربه واقعی کاربران در یک صفحه وب است. این شاخصها سه موضوع اصلی را بررسی میکنند:
- سرعت نمایش محتوای اصلی
- سرعت پاسخگویی صفحه به تعاملات کاربر
- ثبات ظاهری صفحه هنگام بارگذاری
در گذشته معیار FID یکی از شاخصهای مهم تعاملپذیری بود، اما اکنون INP جایگزین آن شده است. بنابراین در بررسیهای جدید باید بیشتر روی LCP، INP و CLS تمرکز کنید.
معیارهای اصلی Core Web Vitals
۱. معیار LCP؛ سرعت نمایش محتوای اصلی
LCP مخفف عبارت Largest Contentful Paint است. این معیار مشخص میکند بزرگترین عنصر قابل مشاهده در بخش ابتدایی صفحه، چه مدت پس از شروع بارگذاری نمایش داده میشود.
این عنصر معمولاً یکی از موارد زیر است:
- تصویر شاخص مقاله
- تصویر بنر اصلی
- تیتر اصلی صفحه
- بلوک بزرگ متنی
- اسلایدر یا ویدیوی اصلی
محدوده مناسب LCP
| وضعیت | مقدار |
|---|---|
| خوب | حداکثر ۲٫۵ ثانیه |
| نیازمند بهبود | بیشتر از ۲٫۵ تا ۴ ثانیه |
| ضعیف | بیشتر از ۴ ثانیه |
برای یک تجربه کاربری مناسب، بهتر است حداقل ۷۵ درصد بازدیدهای سایت، LCP کمتر از ۲٫۵ ثانیه داشته باشند.
دلایل رایج LCP ضعیف در وردپرس
- هاست ضعیف یا شلوغ
- زمان پاسخگویی زیاد JPEG بدون فشرده حجیم
- استفاده از فرمتهای قدیمی مانند PNG و JPEG بدون فشردهسازی
- وجود CSS و JavaScript مسدودکننده رندر
- بارگذاری فونتهای متعدد
- استفاده بیش از حد از افزونهها
- وجود اسکریپتهای تبلیغاتی و ابزارهای آمارگیر سنگین
- نبود کش مناسب در سایت و سرور
۲. معیار INP؛ سرعت پاسخگویی به تعاملات
INP مخفف Interaction to Next Paint است و میزان پاسخگویی صفحه به تعاملات کاربر را ارزیابی میکند.
تعاملات میتوانند شامل موارد زیر باشند:
- کلیک روی دکمه
- باز کردن منوی موبایل
- ارسال فرم
- انتخاب گزینههای فیلتر
- باز کردن پنجره پاپآپ
- جابهجایی بین تبها
- افزودن محصول به سبد خرید
محدوده مناسب INP
| وضعیت | مقدار |
|---|---|
| خوب | حداکثر ۲۰۰ میلیثانیه |
| نیازمند بهبود | بیشتر از ۲۰۰ تا ۵۰۰ میلیثانیه |
| ضعیف | بیشتر از ۵۰۰ میلیثانیه |
INP ضعیف معمولاً به دلیل اجرای طولانی JavaScript، افزونههای سنگین، کدهای غیرضروری یا پردازشهای زیاد در مرورگر ایجاد میشود.
۳. معیار CLS؛ پایداری بصری صفحه
CLS مخفف Cumulative Layout Shift است و میزان جابهجایی ناگهانی عناصر صفحه هنگام بارگذاری را اندازهگیری میکند.
برای مثال، ممکن است کاربر قصد داشته باشد روی یک لینک کلیک کند، اما در همان لحظه یک تبلیغ یا تصویر بارگذاری شود و لینک به سمت پایین حرکت کند. این اتفاق علاوه بر ایجاد تجربه کاربری نامناسب، احتمال کلیک اشتباه را افزایش میدهد.
محدوده مناسب CLS
| وضعیت | مقدار |
|---|---|
| خوب | حداکثر ۰٫۱ |
| نیازمند بهبود | بیشتر از ۰٫۱ تا ۰٫۲۵ |
| ضعیف | بیشتر از ۰٫۲۵ |
دلایل رایج CLS بالا
- مشخص نکردن width و height تصاویر
- بارگذاری دیرهنگام فونتها
- نمایش تبلیغات بدون رزرو فضای مشخص
- اضافه شدن نوار اطلاعرسانی در بالای صفحه
- استفاده نادرست از اسلایدرها
- تغییر اندازه عناصر با JavaScript
- بارگذاری محتوای پویا بدون فضای از پیش تعیینشده
چگونه Core Web Vitals سایت وردپرسی را اندازهگیری کنیم؟
قبل از هرگونه بهینهسازی، باید وضعیت فعلی سایت را اندازهگیری کنید. بهینهسازی بدون بررسی اولیه ممکن است باعث تغییرات غیرضروری یا حتی ایجاد مشکل در سایت شود.
۱. ابزار PageSpeed Insights
ابزار PageSpeed Insights یکی از بهترین گزینهها برای بررسی عملکرد صفحات است. این ابزار دو نوع داده ارائه میدهد:
- دادههای آزمایشگاهی یا Lab Data
- دادههای واقعی کاربران یا Field Data
دادههای واقعی اهمیت بیشتری دارند؛ زیرا شرایط واقعی کاربران، نوع دستگاه، سرعت اینترنت و مرورگر آنها را در نظر میگیرند.
هنگام بررسی صفحه، فقط صفحه اصلی را آزمایش نکنید. بهتر است صفحات زیر را نیز بررسی کنید:
- صفحه اصلی
- صفحه مقاله
- صفحه دستهبندی
- صفحه تماس با ما
- صفحه محصول
- صفحه جستوجو
- صفحات فرود تبلیغاتی
۲. گزارش Core Web Vitals در Google Search Console
در بخش Core Web Vitals سرچ کنسول میتوانید وضعیت گروهی صفحات سایت را مشاهده کنید. این گزارش معمولاً صفحات مشابه را در یک گروه قرار میدهد.
مزیت سرچ کنسول این است که دادههای آن بر اساس بازدید واقعی کاربران جمعآوری میشوند. بنابراین ممکن است با نتایج تست آزمایشگاهی PageSpeed Insights تفاوت داشته باشند.
۳. ابزار Lighthouse
Lighthouse در مرورگر Chrome قرار دارد و گزارشهایی درباره موارد زیر ارائه میدهد:
- عملکرد
- دسترسپذیری
- بهترین روشها
- سئو
- عملکرد موبایل و دسکتاپ
راهکارهای عملی برای بهبود Core Web Vitals در وردپرس
۱. انتخاب هاست مناسب
هاست، پایه اصلی سرعت سایت است. حتی اگر کدها و تصاویر سایت بهینه باشند، یک سرور ضعیف میتواند باعث افزایش زمان پاسخگویی شود.
هنگام انتخاب سرویس میزبانی وب به موارد زیر توجه کنید:
- استفاده از NVMe SSD
- پشتیبانی از HTTP/2 و HTTP/3
- فعال بودن OPcache
- نسخه بهروز PHP
- منابع پردازشی اختصاصی یا پایدار
- موقعیت مناسب دیتاسنتر
- پشتیبانی از کش سمت سرور
- زمان پاسخگویی پایین
- امکان استفاده از Redis یا Object Cache
اگر زمان پاسخ اولیه سرور زیاد باشد، حتی بهینهترین قالب وردپرس نیز نمیتواند عملکرد مناسبی ارائه دهد.
۲. استفاده از نسخه جدید PHP
نسخه PHP تأثیر قابل توجهی روی سرعت اجرای وردپرس دارد. استفاده از نسخههای قدیمی میتواند باعث کاهش سرعت و ایجاد مشکلات امنیتی شود.
پیش از ارتقا:
- از فایلها و پایگاه داده نسخه پشتیبان تهیه کنید.
- سازگاری قالب و افزونهها را بررسی کنید.
- ابتدا نسخه PHP را در محیط آزمایشی تغییر دهید.
- پس از اطمینان، نسخه اصلی سایت را ارتقا دهید.
بهتر است همیشه از نسخهای استفاده کنید که قالب، افزونهها و سرویس میزبانی شما از آن پشتیبانی میکنند.
۳. بهینهسازی تصاویر
تصاویر معمولاً یکی از بزرگترین عوامل کاهش سرعت صفحات هستند. برای بهینهسازی تصاویر، نکات زیر را رعایت کنید:
- استفاده از فرمت WebP یا AVIF
- کاهش حجم قبل از بارگذاری
- انتخاب ابعاد متناسب با محل نمایش
- فعال کردن Lazy Loading برای تصاویر غیرضروری
- بارگذاری تصویر اصلی صفحه با اولویت مناسب
- حذف تصاویر بلااستفاده از رسانه وردپرس
- استفاده از CDN برای فایلهای تصویری
نکته مهم درباره Lazy Loading
تصویر اصلی بالای صفحه، معمولاً همان تصویری است که روی LCP تأثیر میگذارد. فعال کردن Lazy Loading برای این تصویر ممکن است باعث شود دیرتر بارگذاری شود. بنابراین بهتر است تصویر اصلی صفحه با تأخیر بارگذاری نشود، اما تصاویر پایین صفحه Lazy Load شوند.
نمونه کد استاندارد برای تعیین ابعاد تصویر:
<img
src="image.webp"
width="1200"
height="630"
alt="توضیح دقیق و مرتبط با تصویر"
loading="lazy"
decoding="async"> برای تصویر اصلی بالای صفحه، میتوانید loading="lazy" را حذف کنید.
۴. کاهش زمان پاسخ اولیه سرور
زمان پاسخ اولیه سرور با عنوان TTFB شناخته میشود. TTFB بالا به این معناست که مرورگر برای دریافت اولین داده از سرور باید مدت زیادی منتظر بماند.
برای کاهش TTFB:
- از هاست مناسب استفاده کنید.
- افزونههای سنگین را حذف کنید.
- کوئریهای اضافی وردپرس را کاهش دهید.
- کش صفحه را فعال کنید.
- از Object Cache استفاده کنید.
- Heartbeat وردپرس را کنترل کنید.
- پایگاه داده را بهینه کنید.
- تعداد درخواستهای خارجی را کاهش دهید.
- از CDN معتبر استفاده کنید.
۵. فعال کردن Page Cache
کش صفحه، نسخه آمادهای از صفحات سایت را ذخیره میکند تا در بازدیدهای بعدی، صفحه بدون اجرای کامل فرآیندهای PHP و کوئریهای پایگاه داده نمایش داده شود.
روشهای رایج کش در وردپرس عبارتاند از:
- کش سمت سرور
- افزونههای کش
- کش CDN
- کش مرورگر
- Object Cache
هنگام پیکربندی افزونه کش، این گزینهها معمولاً مفید هستند:
- کش صفحات
- کش مرورگر
- فشردهسازی GZIP یا Brotli
- Minify کردن CSS
- Minify کردن JavaScript
- حذف CSS استفادهنشده
- بارگذاری تنبل تصاویر
- پیشبارگذاری کش
- اتصال به CDN
قبل از فعال کردن گزینههای حساس، از سایت پشتیبان بگیرید؛ زیرا Minify یا ترکیب فایلها ممکن است با بعضی قالبها و افزونهها ناسازگار باشد.
۶. حذف افزونههای غیرضروری
تعداد افزونهها بهتنهایی معیار مناسبی برای تشخیص کندی سایت نیست، اما افزونههای سنگین یا غیربهینه میتوانند تأثیر زیادی بر عملکرد داشته باشند.
افزونههایی که معمولاً باید با دقت بررسی شوند:
- افزونههای صفحهساز
- افزونههای آمارگیر
- افزونههای اسلایدر
- افزونههای پاپآپ
- افزونههای تبلیغاتی
- افزونههای امنیتی با اسکن دائمی
- افزونههای شبکههای اجتماعی
- افزونههای جستوجوی زنده
- افزونههای فرمساز سنگین
هر افزونه را فقط به دلیل استفاده نکردن موقت غیرفعال نکنید؛ اگر مطمئن هستید به آن نیاز ندارید، حذف کامل گزینه بهتری است.
۷. مدیریت فایلهای CSS و JavaScript
فایلهای CSS و JavaScript زیاد، زمان رندر صفحه را افزایش میدهند. هدف این نیست که همه فایلها را بهصورت کورکورانه ترکیب یا حذف کنیم؛ بلکه باید فقط منابع ضروری هر صفحه بارگذاری شوند.
راهکارهای مفید:
- حذف CSS استفادهنشده
- Minify کردن فایلها
- بارگذاری غیرهمزمان اسکریپتهای غیرضروری
- Defer کردن JavaScript
- بارگذاری اسکریپتها فقط در صفحات موردنیاز
- حذف کتابخانههای تکراری
- جلوگیری از بارگذاری فایل افزونهها در همه صفحات
برای نمونه، اگر افزونه فرمساز فقط در صفحه تماس استفاده میشود، بهتر است فایلهای CSS و JavaScript آن در تمام صفحات سایت بارگذاری نشوند.
۸. کنترل اسکریپتهای شخص ثالث
اسکریپتهای شخص ثالث شامل کدهایی هستند که از دامنههای دیگر بارگذاری میشوند؛ مانند:
- Google Analytics
- Google Tag Manager
- تبلیغات
- چت آنلاین
- نقشهها
- ویدیوهای جاسازیشده
- ابزارهای تحلیل رفتار کاربر
- دکمههای شبکههای اجتماعی
این منابع میتوانند زمان بارگذاری و INP را افزایش دهند. برای کنترل آنها:
- اسکریپتهای غیرضروری را حذف کنید.
- اسکریپتها را با تأخیر بارگذاری کنید.
- کدنمای فقط در صفحات موردنیاز قرار دهید.
- ویدیوها را با تصویر پیشنمایش جایگزین کنید.
- ابزارهای مشابه و تکراری را همزمان استفاده نکنید.
۹. جلوگیری از پرش عناصر با بهبود CLS
برای جلوگیری از جابهجایی ناگهانی عناصر، فضای موردنیاز هر عنصر را از ابتدا مشخص کنید.
برای تصاویر
همیشه ابعاد تصویر را تعیین کنید:
<img src="banner.webp" width="1200" height="400" alt="بنر سایت"> برای تبلیغات
یک ظرف با ارتفاع مشخص ایجاد کنید:
.ad-container {
min-height: 250px;
width: 100%;
}
برای ویدیوها
نسبت تصویر را حفظ کنید:
.video-wrapper {
aspect-ratio: 16 / 9;
width: 100%;
}
برای فونتها
فونتها را به شکل صحیح بارگذاری کنید و در صورت نیاز از font-display: swap استفاده کنید:
@font-face {
font-family:.woff2') format('';
src: url('/fonts/Vazirmatn.woff2') format('woff2');
font-display: swap;
}
البته استفاده نادرست از swap ممکن است باعث تغییر شکل متن هنگام بارگذاری فونت شود؛ بنابراین باید نتیجه را در موبایل و دسکتاپ آزمایش کنید.
۱۰. بهینهسازی فونتها
فونتهای فارسی تأثیر زیادی روی حجم صفحات دارند. برای عملکرد بهتر:
- فقط وزنهای موردنیاز را بارگذاری کنید.
- از فرمت WOFF2 استفاده کنید.
- فونتها را از منابع مطمئن بارگذاری کنید.
- از تعداد زیادی فونت در یک صفحه استفاده نکنید.
- برای فونتهای حیاتی، Preload را با دقت اجرا کنید.
- فونتهای غیرضروری را در صفحات خاص بارگذاری کنید.
بارگذاری تعداد زیادی وزن فونت، مانند ۱۰۰، ۳۰۰، ۴۰۰، ۵۰۰، ۶۰۰، ۷۰۰ و ۹۰۰، معمولاً ضرورتی ندارد.
۱۱. استفاده درست از CDN
شبکه توزیع محتوا یا CDN فایلهای استاتیک سایت را از سرورهای نزدیکتر به کاربر ارائه میکند.
فایلهایی که میتوانند از CDN ارائه شوند:
- تصاویر
- CSS
- JavaScript
- فونتها
- فایلهای ویدیویی
- فایلهای دانلودی
CDN بهتنهایی همه مشکلات سرعت را حل نمیکند. اگر کدهای سایت، پایگاه داده یا هاست اصلی کند باشند، استفاده از CDN فقط بخشی از مشکل را برطرف میکند.
۱۲. بهینهسازی پایگاه داده وردپرس
با گذشت زمان، پایگاه داده وردپرس ممکن است پر از اطلاعات اضافی شود؛ از جمله:
- بازبینیهای زیاد نوشتهها
- پیشنویسهای قدیمی
- دیدگاههای حذفشده
- متادیتای بلااستفاده
- دادههای موقت منقضیشده
- جدولهای باقیمانده از افزونههای حذفشده
پیش از پاکسازی، حتماً نسخه پشتیبان تهیه کنید. حذف مستقیم جداول بدون شناخت ساختار افزونهها ممکن است باعث از بین رفتن اطلاعات مهم شود.
تنظیمات پیشنهادی برای یک سایت وردپرسی سریع
برای شروع میتوانید این چکلیست را اجرا کنید:
- استفاده از هاست پرسرعت مبتنی بر ازMe
- فعالسازی PHP OPcache
- فعالسازی Page Cache
- استفاده از WebP یا AVIF
- تعیین ابعاد تصاویر
- حذف افزونههای غیرضروری
- کاهش فایلهای JavaScript
- بارگذاری تنبل تصاویر پایین صفحه
- کاهش درخواستهای شخص ثالث
- فعالسازی فشردهسازی Brotli یا GZIP
- استفاده از CDN
- بهینهسازی پایگاه داده
- محدود کردن فونتها
- بررسی نسخه موبایل
- آزمایش صفحات مهم با PageSpeed Insights
- کنترل Core Web Vitals در Search Console
اشتباهات رایج در بهینهسازی Core Web Vitals
تمرکز صرف بر امتیاز Lighthouse
امتیاز Lighthouse یک آزمایش کنترلشده است و ممکن است با تجربه واقعی کاربران تفاوت داشته باشد. بهتر است علاوه بر امتیاز آزمایشگاهی، دادههای واقعی کاربران را نیز بررسی کنید.
نصب چند افزونه کش همزمان
استفاده از چند افزونه کش ممکن است باعث تداخل، خرابی CSS، مشکل در ورود کاربران یا نمایش نسخه قدیمی صفحات شود. معمولاً انتخاب و تنظیم صحیح یک راهکار کش کافی است.
فعال کردن همه گزینههای بهینهسازی
فعال کردن همزمان گزینههایی مانند ترکیب فایلها، حذف CSS، تأخیر JavaScript و تغییر ترتیب بارگذاری ممکن است ظاهر سایت را خراب کند. هر گزینه را جداگانه فعال و آزمایش کنید.
بیتوجهی به موبایل
بسیاری از کاربران با اینترنت موبایل و گوشیهای میانرده وارد سایت میشوند. سایتی که روی کامپیوتر سریع است، ممکن است روی موبایل بسیار کند باشد. تست موبایل باید اولویت اصلی باشد.
فشردهسازی بیش از حد تصاویر
کاهش شدید حجم تصویر ممکن است کیفیت آن را خراب کند. هدف، رسیدن به تعادل میان کیفیت بصری و حجم فایل است.
برنامه پیشنهادی بهینهسازی مرحلهبهمرحله
مرحله اول: اندازهگیری
ابتدا صفحات مهم را با PageSpeed Insights و Search Console بررسی کنید و مقدار LCP، INP و CLS را یادداشت کنید.
مرحله دوم: اصلاح مشکلات پراثر
کار را با موارد زیر شروع کنید:
- بهبود هاست و TTFB
- بهینهسازی تصویر اصلی
- فعالسازی کش
- حذف افزونههای سنگین
- کاهش JavaScript
- اصلاح پرش عناصر
مرحله سوم: تست عملکرد
پس از هر تغییر، سایت را در موبایل و دسکتاپ بررسی کنید. ظاهر صفحات، فرمها، منوها، ورود کاربران و فرآیند خرید را نیز آزمایش کنید.
مرحله چهارم: بررسی دادههای واقعی
چند روز یا چند هفته پس از اعمال تغییرات، گزارش سرچ کنسول را بررسی کنید تا تأثیر واقعی اصلاحات مشخص شود.
آیا Core Web Vitals بهتنهایی رتبه سایت را تعیین میکند؟
خیر. Core Web Vitals یکی از بخشهای تجربه صفحه است و بهتنهایی تضمینکننده رتبه اول گوگل نیست. کیفیت محتوا، اعتبار سایت، لینکهای داخلی و خارجی، نیت جستوجو، ساختار سایت، امنیت و سازگاری با موبایل نیز اهمیت دارند.
با این حال، عملکرد ضعیف سایت میتواند باعث افزایش نرخ خروج، کاهش تعامل کاربران و کاهش رضایت بازدیدکنندگان شود. بنابراین بهینهسازی Core Web Vitals هم برای سئو و هم برای تجربه کاربری ارزشمند است.
جمعبندی
بهبود Core Web Vitals در سایتهای وردپرسی یک کار یکباره نیست؛ بلکه فرآیندی مستمر است. برای رسیدن به عملکرد بهتر باید همزمان روی کیفیت هاست، تصاویر، کش، کدهای CSS و JavaScript، افزونهها، فونتها و اسکریپتهای خارجی تمرکز کنید.
مهمترین اهداف پیشنهادی عبارتاند از:
- LCP کمتر از ۲٫۵ ثانیه
- INP کمتر از ۲۰۰ میلیثانیه
- CLS کمتر از ۰٫۱
بهینهسازی را با اندازهگیری دقیق شروع کنید، تغییرات را مرحلهبهمرحله انجام دهید و همیشه نتیجه را روی دستگاههای واقعی بررسی کنید. برای مطالعه آموزشهای بیشتر درباره وردپرس، سئو فنی، سیستمعامل، سرور و میزبانی وب، مطالب یونیکس وب را دنبال کنید.
یونیکس وب (unixweb) تلاش میکند آموزشهای کاربردی و قابل اجرا را در اختیار مدیران سایت، توسعهدهندگان و علاقهمندان حوزه فناوری قرار دهد.
سؤالات متداول
بهترین امتیاز برای Core Web Vitals چیست؟
برای وضعیت مناسب، بهتر است LCP حداکثر ۲٫۵ ثانیه، INP حداکثر ۲۰۰ میلیثانیه و CLS حداکثر ۰٫۱ باشد.
آیا افزونه کش بهتنهایی سرعت وردپرس را افزایش میدهد؟
افزونه کش کمک زیادی میکند، اما هاست، تصاویر، کدنویسی قالب، تعداد افزونهها و اسکریپتهای خارجی نیز تأثیر مهمی دارند.
آیا WebP برای همه تصاویر مناسب است؟
WebP برای بیشتر تصاویر وب مناسب است و حجم خوبی ارائه میدهد. در برخی پروژهها میتوان از AVIF نیز استفاده کرد، اما باید سازگاری مرورگرها و ابزارهای سایت بررسی شود.
چرا سایت در PageSpeed امتیاز خوبی دارد اما سرچ کنسول خطا نشان میدهد؟
PageSpeed معمولاً یک آزمایش محدود انجام میدهد، اما Search Console از دادههای واقعی کاربران استفاده میکند. تفاوت دستگاه، اینترنت، موقعیت جغرافیایی و نوع صفحات میتواند باعث اختلاف شود.
آیا حذف همه افزونهها باعث سبز شدن Core Web Vitals میشود؟
خیر. مشکل همیشه تعداد افزونهها نیست؛ بلکه نحوه عملکرد و منابعی است که هر افزونه در صفحات بارگذاری میکند. افزونههای ضروری و بهینه را میتوان حفظ کرد.
منبع معیارهای فنی
آستانههای LCP، INP و CLS بر اساس مستندات رسمی Google و web.dev تنظیم شدهاند.







