پرش به محتوا

تیم کردنت آماده تعریف مسیر مناسب پروژه شماست.

شروع یک پروژه
کاراییسئو

سرعت سایت و Core Web Vitals — چرا مهم است و چگونه بهتر شود

نوشته تیم مجله کردنت 8 دقیقه مطالعه

یک ثانیه تأخیر در بارگذاری = ۷٪ کاهش تبدیل. این عدد آزمایشگاهی نیست — سال‌ها در صنعت فروش آنلاین تکرار شده است. و از ۲۰۲۱، گوگل هم سرعت را به‌طور رسمی در رتبه‌بندی لحاظ می‌کند: Core Web Vitals.

سه شاخصی که باید بشناسید

LCP — بزرگ‌ترین محتوای قابل مشاهده

وقتی کاربر کلیک می‌کند، بزرگ‌ترین عنصر صفحه (معمولاً عکس اصلی یا تیتر) چه‌قدر طول می‌کشد ظاهر شود؟

  • خوب: زیر ۲.۵ ثانیه
  • بد: بالای ۴ ثانیه

CLS — جابجایی چیدمان

تا حالا روی دکمه‌ای کلیک کردید و همان لحظه صفحه «پرید» و جای دیگری کلیک شد؟ این CLS است — تجربه‌ای که کاربر را عصبی و گوگل را ناراضی می‌کند.

  • خوب: زیر ۰.۱

INP — تعامل با صفحه

وقتی کاربر روی دکمه می‌زند، صفحه چقدر سریع واکنش نشان می‌دهد؟ (جایگزین قدیمی FID)

  • خوب: زیر ۲۰۰ میلی‌ثانیه

چرا برای کسب‌وکار شما این عدد حیاتی است؟

  1. رتبه سئو: گوگل این شاخص‌ها را در نتایج جستجو لحاظ می‌کند
  2. تبدیل: کاربر موبایل با اینترنت ضعیف، صبر نمی‌کند
  3. هزینه تبلیغات: صفحه فرود کند = پول تبلیغ در مقابل چشمان منتظر هدر می‌رود
  4. اعتبار برند: سایت سریع، حس حرفه‌ای می‌دهد؛ سایت کند، حس ناامیدانی

ابزار سنجش — رایگان و رسمی

  • PageSpeed Insights — نمره موبایل/دسکتاپ + جزئیات
  • Chrome UX Report / Search Console — داده کاربران واقعی شما
  • Lighthouse (در Chrome DevTools) — تحلیل عمیق فنی

نکته مهم: نمره PageSpeed Labs داده شبیه‌سازی‌شده است؛ ستون «Field Data» (داده واقعی کاربران) ملاک گوگل است.

۸ بهبود واقعی که بیشترین اثر را دارد

۱. تصاویر را بهینه کنید (بیشترین مقصر)

  • فرمت WebP/AVIF به جای PNG/JPG — ۳۰-۷۰٪ کوچک‌تر
  • loading="lazy" برای عکس‌های پایین صفحه
  • ابعاد واقعی را در HTML مشخص کنید (width/height) — هم برای CLS

۲. فونت‌ها را درست بارگذاری کنید

  • font-display: swap — متن با فونت جایگزین فوراً دیده شود
  • فقط وزن‌های لازم (نه ۷ وزن!)
  • پیش‌بارگذاری فونت اصلی: rel="preload"

۳. CSS و JS را کم و به‌تعویق بیاندازید

  • CSS بحرانی inline، بقیه defer
  • حذف CSS/JS بلااستفاده (مخصوصاً از قالب‌های سنگین)
  • JS های غیرضروری با defer

۴. CDN و کش

  • کش مرورگر برای فایل‌های استاتیک (۱ سال!)
  • CDN برای نزدیکی سرور به کاربر — برای سایت‌های منطقه‌ای که مخاطب بین‌المللی هم دارند حیاتی

۵. سرور پاسخگو (TTFB)

  • هاست اشتراکی ضعیف = همه تلاش‌های دیگر هدر
  • PHP به‌روز / HTTP/2 / هاست با منابع کافی

۶. تبلیغات و اسکریپت‌های ثالث را مهار کنید

هر اسکریپت چت، آنالیتیکس، پیکسل تبلیغ = وزن اضافه. ضروری‌ها بمانند؛ بقیه حذف یا با تأخیر.

۷. راه‌اندازی پیش از رندر

Plugin‌هایی که DOM را می‌سازند (اسلایدر سنگین، انیمیشن‌های زیاد) — بازبینید و حذف کنید.

۸. بودجه کارایی بگذارید

قانون سازمانی: هر صفحه جدید نباید از حد مشخصی (مثلاً ۱MB) سنگین‌تر شود — قبل از انتشار چک می‌شود.

از کجا شروع کنم؟ — ۳ قدم ساده

  1. همه‌صفحات را در PageSpeed بسنجید — اول ده صفحه پربازدید
  2. بزرگ‌ترین مقصر را بزنید — معمولاً تصاویر و فونت
  3. دوباره بسنجید و در سرچ کنسول رصد کنید — بهبود را ماهانه چک کنید

جمع‌بندی

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

سایت‌های ساخته‌شده با کردنت از روز اول با بودجه کارایی ساخته می‌شوند — بررسی رایگان سایت شما.

در این زمینه به کمک نیاز دارید؟

تیم کردنت آماده تعریف مسیر مناسب پروژه شماست.

مشاهده خدمت

مطالب مرتبط