Core Web Vitals فروشگاه
راهنمای کامل Core Web Vitals برای فروشگاه اینترنتی
Core Web Vitals سه معیار Google برای UX هستند: LCP (سرعت بارگذاری)، INP (پاسخگویی تعامل) و CLS (پایداری layout). برای فروشگاه اینترنتی اهداف Good: LCP ≤ ۲.۵s، INP ≤ ۲۰۰ms، CLS ≤ ۰.۱. این معیارها signal رتبهبندی و مستقیم conversion را تحت تأثیر قرار میدهند.
سه معیار Core Web Vitals
تعریف و آستانه
| معیار | چه چیزی میسنجد | Good | Poor |
|---|---|---|---|
| LCP | سرعت بارگذاری محتوای اصلی | ≤ ۲.۵s | > ۴s |
| INP | پاسخ به کلیک/تاچ (جایگزین FID) | ≤ ۲۰۰ms | > ۵۰۰ms |
| CLS | جابجایی ناخواسته layout | ≤ ۰.۱ | > ۰.۲۵ |
LCP — Largest Contentful Paint
برای فروشگاه: تصویر محصول، hero banner، یا عنوان بزرگ. bottleneck معمول: تصاویر سنگین، TTFB بالا، render-blocking CSS/JS. راهحل: preload، WebP، CDN، SSR/SSG.
INP — Interaction to Next Paint
زمان بین تعامل کاربر (کلیک «افزودن به سبد») تا frame بعدی. WooCommerce با JS سنگین cart و analytics INP بالای ۳۰۰ms دارد. راهحل: code splitting، web worker، حذف long tasks.
CLS — Cumulative Layout Shift
جابجایی ناگهانی دکمه «خرید» وقتی banner یا فونت load میشود = CLS بالا = misclick و رهاسازی. راهحل: width/height روی images، reserved space برای ads، font-display: swap.
Benchmark: WooCommerce vs پلتفرم اختصاصی
میانگین field data (فروشگاههای ایرانی — نمونه)
| معیار | WooCommerce + Elementor | Next.js Commerce |
|---|---|---|
| LCP (mobile) | ۴.۱s | ۱.۲s |
| INP (mobile) | ۳۸۰ms | ۱۲۰ms |
| CLS | ۰.۱۸ | ۰.۰۴ |
| PageSpeed Mobile | ۴۲ | ۹۴ |
تأثیر روی سئو و فروش
- Google Search Console: Core Web Vitals report — URL های Poor نیاز به fix دارند
- Mobile-first indexing: mobile CWV تعیینکننده است
- Conversion: LCP Good = ۸–۱۲٪ conversion rate بالاتر (industry avg)
- Ad quality score: Google Ads landing page experience به speed وابسته است
Roadmap بهبود CWV در ۴ هفته
- 1
هفته ۱: Audit
PageSpeed + Search Console + CrUX. لیست URL های Poor.
- 2
هفته ۲: LCP
تصاویر، TTFB، preload. هدف: ۵۰٪ URL به Good.
- 3
هفته ۳: CLS + INP
font fix، reserved space، JS audit.
- 4
هفته ۴: Validate + monitor
Re-test، RUM setup، weekly dashboard.