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

مقدمه:

Core Web Vitals چیست و چگونه امتیاز سرعت وردپرس را بهبود دهیم؟ این مجموعه شامل سه شاخص LCP، INP و CLS است که به‌ترتیب سرعت نمایش محتوای اصلی، سرعت پاسخ‌ گویی صفحه به تعامل کاربر و ثبات چیدمان را اندازه‌گیری می‌کنند. برای بهبود این معیارها در وردپرس باید میزبانی، کش، تصاویر، فونت‌ها، کدهای CSS و JavaScript، قالب و افزونه‌ها را به‌صورت هدفمند بررسی کرد؛ نه اینکه صرفاً چند افزونه افزایش سرعت نصب شود.

فهرست مطالب

• Core Web Vitals چیست؟
• معرفی شاخص‌های LCP، INP و CLS
• محدوده مناسب هر شاخص
• روش اندازه‌گیری Core Web Vitals در وردپرس
• تفاوت داده‌های آزمایشگاهی و کاربران واقعی
• آموزش بهبود LCP، INP و CLS
• نقش هاست در امتیاز سرعت وردپرس
• برنامه عملی بهینه‌سازی سایت
• اشتباهات رایج در افزایش سرعت
• جمع‌ بندی و سؤالات متداول

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

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

براساس مستندات رسمی گوگل، سه شاخص اصلی کنونی عبارت‌اند از LCP، INP و CLS. گوگل توصیه می‌کند مدیران سایت برای ایجاد تجربه کاربری مناسب، هر سه معیار را در محدوده مطلوب نگه دارند؛ بااین‌حال، کسب امتیاز عالی به‌تنهایی تضمین‌کننده رتبه برتر در نتایج جستجو نیست. کیفیت محتوا، تناسب آن با نیاز کاربر و سایر جنبه‌های تجربه صفحه نیز اهمیت دارند. منبع: مستندات رسمی Google Search Central

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

مطالعه بیشتر: آموزش کامل افزایش سرعت وردپرس

اگر گزارش PageSpeed یا Search Console سایت شما شامل خطاهای LCP، INP یا CLS است و علت دقیق آن مشخص نیست، کارشناسان شرکت تجارت الکترونیک نوژن می‌توانند ساختار فنی، افزونه‌ها و زیرساخت سایت را بررسی کرده و مسیر مناسب بهینه‌سازی را پیشنهاد دهند.

آشنایی با سه شاخص اصلی Core Web Vitals

شاخص LCP چیست؟

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

اگر تصویر بنر دیر بارگذاری شود، پاسخ اولیه سرور کند باشد یا فایل‌های CSS نمایش محتوا را متوقف کنند، مقدار LCP افزایش می‌یابد. برای تجربه مناسب، گوگل مقدار حداکثر ۲٫۵ ثانیه را در صدک ۷۵ بازدیدها پیشنهاد می‌کند.

شاخص INP چیست؟

INP مخفف Interaction to Next Paint است و واکنش‌پذیری صفحه در برابر تعامل‌هایی مانند کلیک، لمس یا فشردن کلید را ارزیابی می‌کند. این شاخص فاصله بین تعامل کاربر و نمایش نتیجه بصری بعدی را بررسی می‌کند.

اجرای سنگین JavaScript، افزونه‌های صفحه‌ساز، اسکریپت‌های تبلیغاتی، ابزارهای گفت‌وگوی آنلاین و پردازش‌های طولانی مرورگر از عوامل متداول افزایش INP هستند. مقدار مطلوب INP حداکثر ۲۰۰ میلی‌ثانیه است.

INP جایگزین شاخص قدیمی FID شده است. بنابراین اگر در یک آموزش قدیمی فقط درباره FID صحبت شده باشد، بهتر است برای ارزیابی فعلی سایت از INP استفاده کنید.

شاخص CLS چیست؟

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

تصاویر بدون ابعاد مشخص، تبلیغات با فضای رزرو‌نشده، فونت‌های وب، نوارهای اطلاع‌رسانی و محتوای تزریق‌شده با JavaScript از دلایل رایج افزایش CLS هستند. مقدار مناسب این شاخص ۰٫۱ یا کمتر است.

جدول محدوده‌های استاندارد Core Web Vitals

این طبقه‌ بندی براساس آستانه‌های رسمی Chrome و Google است و ارزیابی داده‌های واقعی معمولاً با صدک ۷۵ بازدیدها انجام می‌شود. برای قبولی کامل Core Web Vitals، هر سه معیار باید در محدوده مناسب قرار بگیرند. منبع: راهنمای رسمی Web Vitals

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

مشاهده خدمات هاست وردپرس» ← صفحه خدمات هاست وردپرس]

چگونه Core Web Vitals وردپرس را اندازه‌ گیری کنیم؟

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

استفاده از PageSpeed Insights

در PageSpeed Insights آدرس صفحه را وارد کنید و نتایج موبایل و دسکتاپ را جداگانه ببینید. گزارش این ابزار ممکن است شامل دو نوع اطلاعات باشد:

• داده‌های کاربران واقعی یا Field Data
• آزمایش شبیه‌ سازی‌شده Lighthouse یا Lab Data

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

بررسی گزارش Search Console

گزارش Core Web Vitals در Google Search Console صفحات دارای الگوی عملکرد مشابه را گروه‌بندی می‌کند. این گزارش به شما نشان می‌دهد کدام گروه از URLها در موبایل یا دسکتاپ وضعیت ضعیف یا نیازمند بهبود دارند.

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

استفاده از Chrome DevTools

در بخش Performance مرورگر Chrome می‌توان فعالیت‌های طولانی JavaScript، جابه‌جایی چیدمان و فرایند بارگذاری منابع را بررسی کرد. این ابزار برای توسعه‌دهندگان مناسب‌تر است و کمک می‌کند علت فنی یک امتیاز ضعیف مشخص شود.

توجه داشته باشید که INP به تعامل واقعی نیاز دارد و در آزمایش‌های صرفاً آزمایشگاهی به‌طور کامل اندازه‌گیری نمی‌شود. در چنین شرایطی، TBT می‌تواند سرنخی برای شناسایی مسدود شدن رشته اصلی مرورگر باشد، اما جایگزین دقیق INP واقعی نیست. منبع: راهنمای اندازه‌گیری Web Vitals

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

پیش از نصب افزونه، تغییر قالب یا ویرایش فایل‌ها، از سایت و پایگاه داده نسخه پشتیبان کامل بگیرید. تغییرات را ترجیحاً ابتدا در محیط آزمایشی یا Staging اجرا کنید.

همچنین فقط یک سیستم کش و بهینه‌سازی اصلی را فعال نگه دارید. فعال کردن چند افزونه با قابلیت‌های مشابه ممکن است باعث تداخل در فشرده‌سازی فایل‌ها، کش صفحات یا تأخیر در اجرای JavaScript شود.

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

مطالعه بیشتر: آموزش به‌ روزرسانی امن وردپرس

چگونه LCP وردپرس را بهبود دهیم؟

۱. عنصر LCP را شناسایی کنید

در گزارش PageSpeed یا DevTools مشخص کنید کدام تصویر یا متن به‌ عنوان LCP شناسایی شده است. بهینه‌سازی یک تصویر تصادفی در پایین صفحه، تأثیری بر LCP بخش ابتدایی صفحه ندارد.

۲. تصویر اصلی را بهینه کنید

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

برای تصویر LCP از Lazy Load استفاده نکنید؛ زیرا بارگذاری تنبل ممکن است کشف و دریافت تصویر مهم را به تأخیر بیندازد. در مقابل، تصاویر پایین صفحه معمولاً گزینه مناسبی برای Lazy Load هستند.

۳. زمان پاسخ سرور را کاهش دهید

کش صفحه، Object Cache در پروژه‌های سازگار، بهینه‌ سازی پایگاه داده و منابع کافی هاست می‌توانند زمان آماده‌سازی HTML را کاهش دهند. اگر سرور برای ساخت صفحه زمان زیادی نیاز داشته باشد، بهینه‌ سازی تصویر به‌ تنهایی مشکل LCP را حل نمی‌کند.

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

۴. منابع مسدودکننده نمایش را مدیریت کنید

CSS ضروری بخش بالای صفحه باید زودتر در دسترس باشد. فایل‌های CSS و JavaScript غیرضروری را می‌توان پس از آزمایش، با روش‌هایی مانند حذف کد استفاده‌نشده، تأخیر در اجرا یا بارگذاری غیربلوکه‌کننده مدیریت کرد.

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

چگونه INP وردپرس را کاهش دهیم؟

۱. افزونه‌ها و اسکریپت‌های سنگین را پیدا کنید

افزونه‌های صفحه‌ ساز، پاپ‌ آپ، آمارگیر، تبلیغات، چت آنلاین و شبکه‌های اجتماعی ممکن است JavaScript زیادی اجرا کنند. هر افزونه را فقط براساس نیاز واقعی سایت نگه دارید و تأثیر حذف یا جایگزینی آن را آزمایش کنید.

تعداد افزونه‌ها به‌ تنهایی معیار دقیقی نیست. یک افزونه ضعیف می‌تواند بیشتر از چند افزونه سبک و استاندارد به عملکرد سایت آسیب بزند.

۲. اجرای JavaScript را سبک‌ تر کنید

اسکریپت‌های غیرضروری را در صفحاتی که به آن‌ها نیاز ندارند بارگذاری نکنید. برای نمونه، فایل‌های یک فرم تماس نباید الزاماً در تمام صفحات سایت اجرا شوند.

تقسیم وظایف طولانی JavaScript به بخش‌های کوتاه‌تر، کاهش پردازش‌های هم‌زمان و محدود کردن اسکریپت‌های شخص ثالث می‌تواند پاسخ‌ گویی صفحه را بهتر کند. حذف کد باید با بررسی وابستگی‌ها انجام شود تا قابلیت‌های ضروری سایت از کار نیفتند.

۳. تعامل‌های کلیدی را آزمایش کنید

باز کردن منوی موبایل، افزودن محصول به سبد، انتخاب ویژگی محصول، ارسال فرم و باز کردن پنجره‌های پاپ‌آپ را آزمایش کنید. گاهی صفحه در حالت بدون تعامل سریع به نظر می‌رسد، اما نخستین کلیک کاربر با تأخیر پاسخ می‌گیرد.

چگونه CLS وردپرس را برطرف کنیم؟

۱. ابعاد تصاویر و ویدئوها را مشخص کنید

برای تصاویر و ویدئوها عرض و ارتفاع مشخص تعریف کنید تا مرورگر پیش از بارگذاری، فضای لازم را رزرو کند. وردپرس معمولاً ابعاد تصاویر کتابخانه رسانه را درج می‌کند، اما قالب‌ها یا کدهای سفارشی ممکن است این اطلاعات را حذف کنند.

۲. برای تبلیغات و محتوای پویا فضا در نظر بگیرید

اگر بنر، فرم، اعلان یا ویجتی پس از بارگذاری ظاهر می‌شود، از ابتدا فضای مناسبی برای آن رزرو کنید. اضافه شدن محتوا در بالای متن موجود، یکی از دلایل محسوس جابه‌جایی صفحه است.

۳. فونت‌ها را اصولی بارگذاری کنید

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

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

۴. انیمیشن‌های مبتنی بر چیدمان را محدود کنید

انیمیشن‌هایی که ویژگی‌هایی مانند ارتفاع، عرض یا موقعیت عناصر را تغییر می‌دهند ممکن است باعث محاسبات مجدد چیدمان شوند. در موارد مناسب، انیمیشن‌های مبتنی بر transform و opacity عملکرد روان‌تری دارند.

نقش هاست در امتیاز سرعت وردپرس

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

اگر LCP به دلیل پاسخ کند سرور ضعیف باشد، ارتقای زیرساخت می‌تواند مفید واقع شود. اما اگر INP به علت JavaScript سنگین یا CLS به دلیل ابعاد نامشخص تصاویر باشد، تغییر هاست به‌ تنهایی کافی نیست.

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

مطالعه بیشتر: راهنمای انتخاب RAM و CPU برای سایت

مطالعه بیشتر: مقایسه هاست اشتراکی و سرور مجازی

مثال کاربردی از تحلیل یک سایت وردپرسی

فرض کنید صفحه اصلی یک فروشگاه دارای LCP ضعیف، INP قابل‌قبول و CLS نامناسب است. بررسی فنی نشان می‌دهد بنر اصلی با حجم زیاد بارگذاری می‌شود، همان تصویر به‌اشتباه Lazy Load شده و نوار تخفیف پس از چند ثانیه در بالای صفحه ظاهر می‌شود.

در این شرایط، نصب یک افزونه کش جدید لزوماً راه‌حل اصلی نیست. ابتدا باید تصویر بنر با ابعاد و فرمت مناسب تولید شود، Lazy Load آن حذف شود و فضای نوار تخفیف از ابتدا در چیدمان رزرو شود.

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

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

• از فایل‌ها و پایگاه داده نسخه پشتیبان تهیه کنید.
• صفحات مهم مانند خانه، نوشته، محصول و تسویه‌حساب را جداگانه آزمایش کنید.
• نتایج موبایل و دسکتاپ را با هم مقایسه کنید.
• عنصر اصلی LCP هر قالب صفحه را شناسایی کنید.
• تصویر LCP را فشرده کنید و آن را Lazy Load نکنید.
• کش صفحه و تنظیمات CDN را بررسی کنید.
• افزونه‌ها و اسکریپت‌های غیرضروری را حذف یا محدود کنید.
• وظایف طولانی JavaScript را شناسایی کنید.
• برای تصاویر، ویدئوها، تبلیغات و بنرها فضای ثابت در نظر بگیرید.
• فونت‌ها و وزن‌های غیرضروری را کاهش دهید.
• هر تغییر را جداگانه آزمایش و ثبت کنید.
• پس از اصلاح، داده‌های واقعی Search Console را پیگیری کنید.

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

یکی از اشتباهات متداول، تمرکز کامل روی عدد ۱۰۰ در Lighthouse است. هدف اصلی باید بهبود تجربه کاربران واقعی و رفع گلوگاه‌های صفحات مهم باشد؛ نه حذف امکانات ضروری صرفاً برای کسب یک امتیاز آزمایشگاهی.

نصب هم‌ زمان چند افزونه کش، تأخیر دادن تمام فایل‌های JavaScript و Lazy Load کردن تصویر اصلی از اشتباهات دیگر هستند. این اقدامات ممکن است ظاهر سایت، منو، فرم‌ها، آمارگیری یا فرایند خرید را مختل کنند.

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

جمع‌ بندی

در پاسخ به سؤال «Core Web Vitals چیست و چگونه امتیاز سرعت وردپرس را بهبود دهیم؟» باید گفت این مجموعه شامل LCP برای سرعت نمایش محتوای اصلی، INP برای واکنش‌پذیری و CLS برای ثبات بصری است. محدوده مطلوب این معیارها به‌ترتیب حداکثر ۲٫۵ ثانیه، ۲۰۰ میلی‌ثانیه و ۰٫۱ است.

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

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

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

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

آیا Core Web Vitals مستقیماً بر سئو اثر دارد؟

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

آیا امتیاز ۱۰۰ در PageSpeed برای سئو ضروری است؟

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

چرا امتیاز موبایل از دسکتاپ کمتر است؟

موبایل معمولاً با توان پردازشی، اندازه نمایشگر و شرایط شبکه محدودتری آزمایش می‌شود. همچنین تفاوت چیدمان یا اسکریپت‌های نسخه موبایل می‌تواند بر نتیجه اثر بگذارد.

آیا افزونه کش تمام مشکلات Core Web Vitals را حل می‌کند؟

خیر. کش می‌تواند زمان پاسخ و بارگذاری را بهتر کند، اما مشکلاتی مانند JavaScript سنگین، جابه‌جایی چیدمان یا تصویر اصلی نامناسب به اصلاح جداگانه نیاز دارند.

چرا نتیجه PageSpeed با Search Console متفاوت است؟

PageSpeed ممکن است داده آزمایشگاهی یک اجرای مشخص و داده کاربران واقعی را کنار هم نشان دهد. Search Console بر داده‌های جمع‌آوری‌شده از کاربران واقعی و گروه‌هایی از صفحات مشابه تکیه دارد؛ بنابراین تفاوت طبیعی است.

بعد از اصلاح سایت چه زمانی نتیجه در Search Console دیده می‌شود؟

نتیجه داده‌های واقعی بلافاصله تغییر نمی‌کند. Search Console باید اطلاعات کافی از بازدید کاربران جمع‌آوری کند؛ ازاین‌رو بهتر است پس از اعتبارسنجی، وضعیت گزارش در روزها و هفته‌های بعد پیگیری شود.

آیا تغییر هاست باعث بهبود Core Web Vitals می‌شود؟

اگر مشکل به زمان پاسخ سرور یا کمبود منابع مربوط باشد، تغییر هاست می‌تواند مؤثر باشد. مشکلات مرتبط با JavaScript، تصاویر، فونت‌ها و چیدمان باید در خود سایت اصلاح شوند.