افزایش سرعت سایت و Core Web Vitals؛ راهنمای عملی LCP، INP و CLS

افزایش سرعت سایت یعنی کاهش زمانی که طول می‌کشد تا صفحه بارگذاری شود، محتوای اصلی نمایش داده شود و به کلیک و لمس کاربر پاسخ دهد؛ گوگل این تجربه را با سه معیار Core Web Vitals می‌سنجد: LCP برای سرعت نمایش محتوای اصلی (کمتر از ۲.۵ ثانیه)، INP برای سرعت پاسخ به تعامل (کمتر از ۲۰۰ میلی‌ثانیه) و CLS برای پایداری بصری صفحه (کمتر از ۰.۱). سایت کند هم مشتری را فراری می‌دهد و هم در رقابت سئو عقب می‌ماند. کاربری که چند ثانیه منتظر بماند، دکمه بازگشت را می‌زند و سراغ رقیب می‌رود.

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

چرا سرعت سایت مهم است؟

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

آشنایی با معیارهای Core Web Vitals

LCP: بزرگ‌ترین نمایش محتوا

LCP (Largest Contentful Paint) زمان نمایش بزرگ‌ترین عنصر قابل‌مشاهده صفحه است؛ معمولاً تصویر اصلی، بنر یا تیتر بزرگ. مقدار خوب: ۲.۵ ثانیه یا کمتر. مقصران اصلی LCP بد: هاست کند، تصاویر حجیم، اسلایدرهای سنگین و فونت‌ها و اسکریپت‌هایی که بارگذاری را مسدود می‌کنند.

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

INP (Interaction to Next Paint) از مارس ۲۰۲۴ جایگزین FID شد و می‌سنجد صفحه پس از کلیک، لمس یا تایپ کاربر چقدر سریع واکنش نشان می‌دهد. مقدار خوب: ۲۰۰ میلی‌ثانیه یا کمتر. مقصر اصلی INP بد، جاوااسکریپت سنگین است؛ از افزونه‌های متعدد و صفحه‌سازهای سنگین گرفته تا اسکریپت‌های تبلیغاتی و چت آنلاین.

CLS: پایداری بصری

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

چطور سرعت سایت را اندازه بگیریم؟

• PageSpeed Insights: ابزار رسمی گوگل که هم داده‌های واقعی کاربران (اگر سایت ترافیک کافی داشته باشد) و هم تست آزمایشگاهی را نشان می‌دهد.
• گزارش Core Web Vitals در سرچ کنسول: وضعیت همه صفحات سایت را بر اساس داده‌های واقعی کاربران در گروه‌های خوب، نیازمند بهبود و ضعیف نشان می‌دهد.
• GTmetrix و WebPageTest: برای تحلیل جزئی‌تر ترتیب بارگذاری فایل‌ها و پیدا کردن عامل کندی.
• Lighthouse در مرورگر کروم: تست سریع از داخل ابزار توسعه‌دهنده.

نکته مهم: داده‌های واقعی کاربران (Field Data) معیار گوگل است، نه فقط امتیاز آزمایشگاهی. امتیاز ۱۰۰ در تست لزوماً به معنی تجربه خوب برای همه کاربران نیست. برای معرفی ابزارهای دیگر، مقاله ابزارهای سئو را ببینید.

۱۴ راهکار عملی برای افزایش سرعت سایت

۱. هاست مناسب انتخاب کنید

هاست پایه سرعت است. سرور با منابع کافی، دیسک NVMe، نسخه به‌روز PHP و وب‌سرور سریع مثل LiteSpeed، زمان پاسخ اولیه سرور (TTFB) را کاهش می‌دهد. معیارهای انتخاب را در هاست چیست؟ ۱۲ نکته مهم برای انتخاب هاست خوانده‌اید.

۲. از کش استفاده کنید

کش صفحه باعث می‌شود سرور به‌جای ساختن دوباره صفحه برای هر بازدید، نسخه آماده را تحویل دهد. افزونه‌هایی مثل LiteSpeed Cache یا WP Rocket و کش آبجکت (مثل Redis) تأثیر چشمگیری دارند.

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

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

۴. بارگذاری تنبل (Lazy Load) را درست تنظیم کنید

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

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

تعیین عرض و ارتفاع برای تصاویر، ویدئوها و بنرها از جابه‌جایی صفحه جلوگیری می‌کند و CLS را بهبود می‌دهد.

۶. افزونه‌های اضافی را حذف کنید

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

۷. جاوااسکریپت را بهینه کنید

فایل‌های JS غیرضروری را با تأخیر (Defer/Delay) بارگذاری کنید، اسکریپت‌های بلااستفاده را از صفحاتی که لازم ندارند حذف کنید و کارهای سنگین را به بعد از تعامل اول موکول کنید. این مهم‌ترین اقدام برای بهبود INP است.

۸. CSS حیاتی را اولویت دهید

CSS لازم برای نمایش بالای صفحه را زودتر بارگذاری کنید و بقیه را با تأخیر. حذف CSS بلااستفاده هم حجم صفحه را کم می‌کند.

۹. فونت‌ها را بهینه کنید

تعداد وزن‌های فونت را محدود کنید، فونت را روی هاست خودتان قرار دهید، از فرمت WOFF2 استفاده کنید و font-display را تنظیم کنید. برای فونت‌های فارسی که معمولاً حجیم‌اند، این کار تفاوت محسوسی ایجاد می‌کند.

۱۰. صفحه‌ساز را هوشمندانه استفاده کنید

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

۱۱. اسکریپت‌های شخص ثالث را کنترل کنید

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

۱۲. از CDN استفاده کنید

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

۱۳. دیتابیس را مرتب کنید

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

۱۴. اسلایدرها و ویدئوهای پس‌زمینه را کنار بگذارید

اسلایدرهای بزرگ صفحه اصلی و ویدئوهای خودکار پس‌زمینه از بدترین دشمنان LCP هستند. یک تصویر ثابت باکیفیت با پیام واضح معمولاً هم سریع‌تر است و هم نتیجه بهتری می‌گیرد. ترندهای طراحی سبک را در ترندهای طراحی سایت ۲۰۲۶ ببینید.

سرعت و امنیت، دو روی یک سکه

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

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

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

جمع‌بندی

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

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

سؤالات متداول درباره سرعت سایت