Core Web Vitals הם שלושה מדדים שגוגל משתמש בהם כדי להעריך את חוויית הגולש: LCP (כמה מהר מופיע התוכן המרכזי, יעד עד 2.5 שניות), INP (כמה מהר האתר מגיב ללחיצה, יעד עד 200 מילישניות) ו-CLS (כמה התוכן קופץ בזמן הטעינה, יעד עד 0.1). הם חלק מאותות הדירוג של גוגל, אבל חשובים עוד יותר להמרות: אתר איטי מאבד גולשים לפני שראו את ההצעה.
עיקרי הדברים
- LCP: התוכן המרכזי מופיע עד 2.5 שניות
- INP: תגובה ללחיצה עד 200 מילישניות
- CLS: מעט קפיצות, עד 0.1
- בודקים במובייל, כי שם רוב הגולשים
שלושת המדדים בשפה פשוטה
| מדד | מה הוא מודד | יעד טוב |
|---|---|---|
| LCP | זמן עד שהתוכן הגדול במסך מופיע | עד 2.5 שניות |
| INP | זמן התגובה ללחיצות ולהקלדה | עד 200 מילישניות |
| CLS | כמה אלמנטים קופצים בזמן הטעינה | עד 0.1 |
איך בודקים
- PageSpeed Insights: בדיקה של עמוד בודד, כולל נתוני גולשים אמיתיים אם יש מספיק תנועה
- Search Console, דוח חוויית הדף: תמונה של כל האתר לפי קבוצות עמודים
- Lighthouse בכלי המפתחים של כרום: בדיקת מעבדה לפני העלאת שינויים
מה בדרך כלל פוגע בכל מדד
LCP איטי
תמונת Hero כבדה, פונטים שנטענים משרת חיצוני וחוסמים את הרינדור, אחסון איטי, וקוד CSS ו-JavaScript שנטען לפני שהעמוד מוצג. הפתרונות: דחיסת התמונה הראשית לפורמט מודרני, טעינה מוקדמת שלה, אחסון הפונט מקומית ושרת מהיר.
INP גבוה
יותר מדי JavaScript שרץ בבת אחת: סקריפטים של צד שלישי, צ'אטים, פיקסלים ותוספים. הפתרון הוא לצמצם, לדחות טעינה של מה שלא נחוץ מיד, ולפצל קוד כבד.
CLS גבוה
תמונות בלי מידות מוגדרות, באנרים שמופיעים מעל התוכן ופונטים שמחליפים גודל בזמן הטעינה. מגדירים width ו-height לכל תמונה ושומרים מקום לאלמנטים שנטענים מאוחר.
שאלות נפוצות
כן, כחלק מאותות חוויית הדף. אבל תוכן רלוונטי עדיין חשוב יותר. אתר מהיר עם תוכן חלש לא יעקוף אתר איטי עם תוכן מצוין, ולכן משפרים את שניהם.
גוגל החליף את מדד FID במדד INP במרץ 2024. INP מודד את התגובה לאורך כל הביקור, ולא רק בלחיצה הראשונה.
בדיקות מעבדה מושפעות מעומס השרת ומהרשת ברגע הבדיקה. כדאי להריץ כמה פעמים ולהסתכל על המגמה, ובמקביל על נתוני הגולשים האמיתיים ב-Search Console.