بخش ۱ — سناریوی واقعی: LCP از سبز به قرمز
تیم فنی یک فروشگاه آنلاین، برای «تحلیل کامل‌تر» اسکریپت رهگیری جدید + ۴ tag marketing اضافه کرد — همه در <head>.
Search Console → Core Web Vitals: URLهای mobile از سبز به قرمز — LCP ۴.۲s (threshold ۲.۵s).
PageSpeed Insights: ۳۵۰ KB JavaScript third-party — ۴۲٪ مربوط به analytics + heatmap + chat.
| مرحله | LCP (mobile) | INP | CLS |
|---|---|---|---|
| قبل | 2.1s ✅ | 180ms ✅ | 0.05 ✅ |
| بعد deploy | 4.2s ❌ | 220ms ⚠️ | 0.08 ✅ |
سئوکار گفت: «رتبه داره می‌لغزه.»
توسعه‌دهنده: «داده لازم داریم.»
راه‌حل compromise:
- Analytics defer/async — بعد از LCP
- حذف heatmap از landing پرترافیک
- Server-side tagging برای conversion critical
- RUM sample rate ۱۰٪ برای debug events
بعد از ۲ هفته: LCP ۲.۳s — سبز دوباره.
بخش ۲ — تحلیل دقیق‌تر: CWV و چکلیست اسکریپت
Core Web Vitals — خلاصه
| Metric | معنی | هدف (good) |
|---|---|---|
| LCP | Largest Contentful Paint | ≤ 2.5s |
| INP | Interaction to Next Paint | ≤ 200ms |
| CLS | Cumulative Layout Shift | ≤ 0.1 |
چکلیست تأثیر اسکریپت analytics
- [ ] Async/defer — blocking نیست؟
- [ ] Size < ۵۰KB gzipped (هدف)؟
- [ ] در critical path LCP نیست؟
- [ ] Tag count — هر tag JS اضافه می‌کند
- [ ] RUM vs lab diff — field data در GSC
- [ ] Consent mode — delay تا accept؟
انتخاب ابزار سبک
| معیار | سؤال |
|---|---|
| Payload | KB transferred |
| Execution time | main thread ms |
| Features needed | events vs full suite |
| Hosting | first-party option |
| Sampling | reduce INP load |
آمار واقعی
- Google web.dev: ۱ ثانیه delay در mobile load می‌تواند conversion را تا ۲۰٪ کاهش دهد (case studies aggregated).
منبع: web.dev — Why speed matters. - HTTP Archive (۲۰۲۴): median web page ۱MB+ JS — analytics/marketing سهم قابل توجه دارد.
منبع: HTTP Archive — JavaScript bytes.
بخش ۳ — نگاه تخصصی و منابع علمی
Google page experience signals: CWV part of ranking — balance با useful measurement.
W3C Web Performance Working Group — metrics standardized for RUM.
منابع و رفرنس‌ها
- Google web.dev — Core Web Vitals documentation.
- Google Search Central — Page experience.
- HTTP Archive — Web Almanac (JavaScript).
- W3C — Performance timeline specs.
- Calibre / SpeedCurve — RUM best practices.
