Core Web Vitals הם חלק מהאופן שבו גוגל מעריכה את חוויית העמוד (Page Experience). גוגל הציגה אותם ב-2020 והתחילה להשתמש בהם כאות דירוג ב-2021. השינוי הגדול הראשון הגיע ב-12 במרץ 2024: המדד INP החליף את FID, ומאז שלושת המדדים הם LCP, INP ו-CLS.
מה מודד כל אחד משלושת המדדים?
כל מדד בודק היבט אחר של החוויה: כמה מהר רואים את התוכן, כמה מהר העמוד מגיב, וכמה הוא יציב.
| מדד | מה הוא מודד | טוב | דורש שיפור | גרוע |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | כמה זמן לוקח לתוכן המרכזי בעמוד להופיע | עד 2.5 שניות | 2.5 עד 4 שניות | מעל 4 שניות |
| INP (Interaction to Next Paint) | כמה מהר העמוד מגיב ללחיצות, הקשות והקלדה לאורך כל הביקור | עד 200 אלפיות שנייה | 200 עד 500 אלפיות שנייה | מעל 500 אלפיות שנייה |
| CLS (Cumulative Layout Shift) | כמה אלמנטים זזים וקופצים בזמן הטעינה | עד 0.1 | 0.1 עד 0.25 | מעל 0.25 |
גוגל בודקת את הערכים לפי האחוזון ה-75 של הביקורים בעמוד, בנפרד למובייל ולמחשב. כלומר, עמוד נחשב "טוב" רק אם לפחות 75% מהביקורים בו עומדים ביעד.
מה ההבדל בין INP ל-FID?
FID מדד רק את העיכוב באינטראקציה הראשונה בעמוד, ורק עד שהדפדפן התחיל לטפל בה. INP בוחן את כל האינטראקציות לאורך הביקור, ומודד את הזמן עד שהמסך מתעדכן בפועל. לכן הוא מדד מחמיר ומייצג יותר, ואתרים שקיבלו ציון FID טוב עלולים לגלות בעיית INP, בעיקר כשיש בהם הרבה JavaScript.
האם Core Web Vitals משפיעים על הדירוג בגוגל?
כן, אבל במידה מוגבלת. גוגל מתייחסת לחוויית העמוד כאחד האותות שמערכות הדירוג שלה לוקחות בחשבון, ובמקביל מדגישה שהרלוונטיות והאיכות של התוכן חשובות יותר. ציון טוב לא יקפיץ עמוד חלש לראש התוצאות, אבל כשכמה עמודים עונים על השאלה ברמה דומה, חוויית הגלישה יכולה להכריע.
ההשפעה הישירה יותר היא על הגולשים עצמם: עמוד שנטען מהר ולא קופץ נוטה להחזיק גולשים ולהמיר טוב יותר, בין אם הם הגיעו מקידום אורגני ובין אם מפרסום בגוגל. כל מי שמכיר את תהליך בניית אתרים רספונסיביים יודע שהעבודה הזו מתחילה כבר בשלב הפיתוח.
איך מודדים את ה-Core Web Vitals באתר?
בשילוב של נתוני שטח (מגולשים אמיתיים) ובדיקות מעבדה (סימולציה). גוגל מציעה כמה כלים:
- דוח Core Web Vitals ב-Search Console - נתוני שטח לכל האתר, מקובצים לפי קבוצות של עמודים דומים.
- PageSpeed Insights - נתוני שטח לעמוד בודד (כשיש מספיק תנועה), יחד עם בדיקת מעבדה והמלצות.
- Lighthouse וכלי המפתחים של Chrome - בדיקות מעבדה לאיתור הגורם לבעיה. INP לא נמדד במעבדה, ומדד Total Blocking Time (TBT) משמש שם כאינדיקציה.
- Chrome UX Report (CrUX) - מאגר הנתונים הציבורי מגולשי Chrome, שעליו נשענים נתוני השטח בכלים של גוגל.
נתוני השטח מבוססים על 28 הימים האחרונים, ולכן שיפור שעשיתם היום יופיע בדוחות רק בהדרגה.
איך משפרים LCP?
קודם מזהים מהו האלמנט הגדול בעמוד, בדרך כלל תמונה ראשית או כותרת, ואז מקצרים את הדרך אליו:
- זמן תגובה מהיר של השרת: אחסון איכותי, מטמון עמודים ו-CDN.
- תמונות דחוסות, בפורמטים כמו WebP או AVIF ובמידות שמתאימות למסך.
- טעינה מושהית (Lazy Loading) רק לתמונות שמתחת לקו הגלילה. את התמונה הראשית לא משהים, ואפשר לסמן אותה ב-fetchpriority="high" או לטעון אותה מראש (preload).
- צמצום CSS ו-JavaScript שחוסמים את הרינדור.
איך משפרים INP?
מפנים את התהליך הראשי (main thread) של הדפדפן, כדי שיוכל להגיב מיד לכל לחיצה:
- פיצול משימות JavaScript ארוכות לחלקים קטנים, ודחיית קוד שאינו קריטי.
- צמצום סקריפטים של צד שלישי: צ'אטים, פיקסלים ווידג'טים.
- טיפול קל באירועי לחיצה, ועדכון המסך מיד לפני עבודה כבדה.
- הקטנת ה-DOM. באתרי וורדפרס עם בוני עמודים ותוספים רבים זה מקור נפוץ לבעיה.
- העברת עיבוד כבד ל-Web Workers.
איך מצמצמים CLS?
שומרים מקום לכל מה שנטען, כדי ששום דבר לא יזיז את התוכן:
- מידות מפורשות (רוחב וגובה) לתמונות, לסרטונים ול-iframe.
- מקום שמור מראש לבאנרים, לפרסומות ולהטמעות.
- לא מוסיפים תוכן מעל תוכן קיים אחרי שהעמוד כבר מוצג, למשל פס הודעה שדוחף את העמוד למטה.
- טעינת פונטים עם font-display ופונט חלופי במידות דומות.
- אנימציות עם transform במקום שינוי של גובה, רוחב או מיקום.
איך בודקים שהשיפורים עבדו?
מודדים לפני ואחרי, ומחכים לנתוני השטח. בדיקת מעבדה תראה שיפור מיד, אבל הדוח ב-Search Console יתעדכן בהדרגה במשך כארבעה שבועות. אחר כך כדאי להצליב עם הנתונים העסקיים ב-GA4: שיעור מעורבות, פניות והמרות, למשל בדפי נחיתה. שינוי בדירוג, אם יהיה, מגיע בדרך כלל לאט ומושפע מגורמים רבים נוספים.
ברוב המקרים הפתרון ל-Core Web Vitals נמצא ברמת הקוד, התבנית והאחסון, ולא בתוסף אחד. על האופן שבו אנחנו בונים ומשפרים אתרים אפשר לקרוא בעמוד בניית אתרים, ועל התמונה המלאה של החיפוש האורגני בעמוד קידום אתרים אורגני.
