Core Web Vitals ב-2025: איך לבנות אתר שמטפס בגוגל מהיום הראשון
דקה על הכאב: שנייה איטית אחת מבריחה כ-20 % מהקונים.
גוגל כבר לא “רומזת” – היא מדרגת ישירות לפי LCP, INP ו-CLS.
המאמר הזה (≈1,100 מילים) יראה לך בדיוק איך לצאת מהאדום אל הירוק – ולקחת איתך את הדירוג, ההמרות והארנק של הלקוח.
שלושת הסטנדרטים החדשים (גרסת 2025)
| מדד | מה נמדד | ציון “טוב” |
|---|---|---|
| LCP | כמה מהר נטען האלמנט הגדול בדף | ≤ 2.5 ש’ |
| INP | תזוזת עין–יד: זמן תגובה לכל לחיצה | ≤ 200 מ”ש |
| CLS | כמה האלמנטים “קופצים” בזמן הטעינה | ≤ 0.1 |
מ-2025 אלה הפקטורים היחידים בדוח חוויית הדף של גוגל. FID יצא לפנסיה, ו-INP תפס את מקומו.
למה זה כואב – ולמי
- בעל עסק: משלם על טראפיק ומשפך נוזל.
- משתמש: לוחץ “חזור” כי עמוד מוצר נטען באיטיות.
- קידום אורגני: המתחרים המהירים עוקפים משמאל.
שישה קצרים שרוב האתרים נופלים בהם
- Hero-image במשקל 4 MB בלי WebP/AVIF.
- פופ-אפ ניוזלטר שדוחף את התוכן למטה (CLS).
- גופני Google נטענים סינכרונית – מעכב פיינט.
- JavaScript “שמנמן” של תוספים לא קריטיים.
- שרת משותף זול → TTFB גבוה → כל שיפור שוקע.
- בודקים Lighthouse פעם בחודש במקום RUM יומי.
הפתרון שלב-אחרי-שלב
1. מתחילים בתשתית
בחר אחסון עם HTTP/3 ו-QUIC, חבר CDN קצה (Cloudflare APO, Bunny, Fastly) והגדר מטמון HTML ל-15 דק’, קבצים סטטיים לשבוע.
TTFB מתחת 0.2 ש’ הוא כרטיס הכניסה שלך לליגה.
2. מורידים את LCP אל מתחת 2.5 ש’
- זהה את האלמנט (hero-image, H1 וכד’).
- המר ל-WebP/AVIF (quality 75).
<link rel="preload" as="image" fetchpriority="high">- דחוף CSS קריטי (≤ 15 kB) אינליין, דחה את שאר הגיליון.
3. INP – לגרום לאתר להרגיש “חי”
הסר JavaScript מיותר (Coverage tools), העבר אנליטיקה וצד-שלישי ל-requestIdleCallback, והשתמש ב-Web Workers או Island Architecture לרכיבים כבדים.
4. מבטלים קפיצות – CLS מתחת 0.1
- הגדירי
width/heightבכל<img>. - שמור מקום למודעות בתבנית באמצעות
min-height. font-display:swapכדי למנוע Flash of Invisible Text.
5. מודדים בזמן אמת (Real-User-Monitoring)
Google Search Console מראה רק “טוב/צריך-שיפור/גרוע”.
חבר web-vitals.js ל-GA4 → תראה LCP/INP/CLS של כל סשן.
קבע Budget ב-BigQuery: אם INP חורג › 200 מ”ש – קבל התראה במייל.
6. טכניקות ספציפיות לפלטפורמות
WordPress
- עדכון ל-WP 6.5 – טעינת Patterns מהירה ב-60 %.
- תוסף FlyingPress ל-Delay JS.
- עבור ל-WooCommerce HPOS.
Shopify
- הפעל Hydrogen Storefront – Server Components חלקיים.
- בטל אפליקציות frontend כבדות.
- הפוך סרטוני מוצר ל-lazy load.
Next.js / Nuxt / Astro
- Partial Prerendering לדפי תדמית.
- ISR לקטגוריות / פוסטים.
- Middleware caching על Edge.
מהירות = כסף: איך למנף את השיפור
CTA צריך להופיע מעל הקפל, ממש כש-LCP נשלם.
שילוב של UX חלק + ביטחון (“נטען בשנייה, מאובטח ב-SSL”) מעלה את יחס ההמרה ב-1-3 % בממוצע.
בדוק זאת עם A/B Testing – לרוב העסקים החזר ההשקעה מגיע בתוך 4-6 שבועות.
בדיקת-עצמי לפני עלייה לאוויר
- ה-HTML החשוף שלי שוקל פחות מ-50 kB?
- TTFB מתחת 0.2 ש’ בכל אזור?
- אין JavaScript צד-שלישי שלא מייצר הכנסות?
- אני מודד RUM אמיתי ולא רק Lighthouse?
רוצה לקפוץ לאזור הירוק השבוע ולראות גם את המכירות קופצות?
לחץ כאן והשאר פרטים – אני אזהה את צווארי-הבקבוק ואחזיר לך אתר מהיר, בטוח וממיר.
שורה תחתונה
Core Web Vitals הם לא פרויקט חד-פעמי אלא תהליך מתמשך.
תן למשתמש חוויה נטולת חיכוך, מדוד בזמן אמת, ושמור על האתר רזה.
במהירות כזו – גם גוגל, וגם הארנק של הלקוח, ירצו להישאר.
