מה זה Core Web Vitals
Core Web Vitals, או מדדי הליבה של חוויית הרשת, הם שלושה מדדים שגוגל הגדיר כדי למדוד איך משתמשים אמיתיים חווים את האתר שלכם: כמה מהר הוא נטען, כמה מהר הוא מגיב, וכמה הוא יציב בזמן הטעינה. הם חלק ממערכת האותות של "חוויית עמוד" שגוגל לוקח בחשבון בדירוג.
חשוב לשים את זה בפרופורציה: תוכן רלוונטי ואיכותי עדיין חשוב יותר. אבל כשכמה עמודים עונים באותה רמה על השאלה, חוויית משתמש יכולה להכריע. וחשוב מזה, אתר מהיר פשוט ממיר יותר. כל שנייה של המתנה במובייל מאבדת גולשים.
שלושת המדדים והספים
| מדד | מה הוא מודד | טוב | דורש שיפור | חלש |
|---|---|---|---|---|
| LCP | זמן עד שהאלמנט הגדול ביותר במסך נטען | עד 2.5 שניות | 2.5 עד 4 שניות | מעל 4 שניות |
| INP | הזמן מפעולה של המשתמש ועד שהמסך מגיב | עד 200 מ״ש | 200 עד 500 מ״ש | מעל 500 מ״ש |
| CLS | כמה תוכן "קופץ" במהלך הטעינה | עד 0.1 | 0.1 עד 0.25 | מעל 0.25 |
INP החליף במרץ 2024 את המדד הקודם, FID. בניגוד ל-FID, שמדד רק את האינטראקציה הראשונה, INP בוחן את כל האינטראקציות בעמוד, ולכן הוא מחמיר יותר באתרים עם הרבה JavaScript.
גוגל בודק את הערכים ברמת האחוזון ה-75: כדי שעמוד ייחשב טוב, לפחות 75% מהביקורים צריכים לעמוד בסף.
איך בודקים
יש שני סוגי נתונים, וחשוב להבין את ההבדל:
- נתוני שטח (Field): נאספים ממשתמשי Chrome אמיתיים. אלה הנתונים שגוגל משתמש בהם. תמצאו אותם בדוח Core Web Vitals ב-Search Console ובחלק העליון של PageSpeed Insights.
- נתוני מעבדה (Lab): בדיקה מדומה, למשל ב-Lighthouse. מצוינים לאבחון ולבדיקת תיקון, אבל לא תמיד משקפים את מה שמשתמשים חווים.
לאתרים עם מעט תנועה ייתכן שלא יהיו נתוני שטח. במקרה כזה עבדו לפי נתוני מעבדה, ובדקו את העמודים החשובים במכשיר נייד אמיתי.
איך משפרים LCP
- זהו מה האלמנט הגדול: לרוב תמונה ראשית או כותרת.
- הקטינו ודחסו את התמונה הראשית, השתמשו ב-WebP או AVIF, ואל תטענו אותה בטעינה עצלה.
- הוסיפו לה preload או fetchpriority גבוה.
- שפרו את זמן התגובה של השרת: אחסון איכותי, מטמון (Cache) ו-CDN.
- הסירו CSS ו-JavaScript שחוסמים את הרינדור, ואחסנו פונטים באתר עצמו.
איך משפרים INP
- צמצמו JavaScript, במיוחד סקריפטים של צד שלישי כמו צ'אטים, פיקסלים ותוספים.
- פרקו משימות ארוכות בקוד לחלקים קטנים, כדי שהדפדפן יוכל להגיב בין לבין.
- טענו רכיבים כבדים רק כשצריך אותם.
- בוורדפרס, בדקו אילו תוספים טוענים קוד בכל עמוד גם כשאין בו צורך.
טיפים לפי פלטפורמה
- וורדפרס: אחסון מהיר, תוסף מטמון, דחיסת תמונות, וצמצום תוספים ובוני עמודים כבדים. ראו את המדריך לוורדפרס.
- Shopify: בחירת תבנית קלה, מחיקת אפליקציות שלא בשימוש (הן משאירות קוד גם אחרי הסרה), ותמונות בגודל מתאים.
- אתרים מותאמים אישית: רינדור בצד השרת, פיצול קוד, ותמונות רספונסיביות עם srcset.
בכל הפלטפורמות, סקריפטים של צד שלישי, כמו צ'אטים, פיקסלים ופופאפים, הם הגורם הנפוץ ביותר לבעיות INP. בדקו כל אחד מהם ושאלו אם הוא באמת מצדיק את המחיר.
למה מהירות היא עניין עסקי
מעבר לדירוג, מהירות משפיעה ישירות על מה שקורה אחרי הקליק. מחקרים של גוגל ושל חברות מסחר אלקטרוני הראו שוב ושוב קשר בין זמן טעינה ארוך לבין נטישה גבוהה יותר ושיעור המרה נמוך יותר, במיוחד במובייל. כשמשלמים על כל קליק בפרסום ממומן, עמוד איטי פשוט מבזבז תקציב. לכן כדאי לבדוק את המהירות של עמודי הנחיתה של הקמפיינים לא פחות מעמוד הבית. ראו גם המדריך לדף נחיתה שממיר.
נתוני מעבדה מול נתוני שטח
מקור בלבול נפוץ: PageSpeed Insights מראה ציון נמוך, אבל Search Console מדווח שהעמודים תקינים, או להפך. הסיבה היא שיש שני סוגי נתונים. נתוני מעבדה מגיעים מבדיקה מדומה אחת, במכשיר ובחיבור קבועים. נתוני שטח מגיעים ממשתמשי Chrome אמיתיים לאורך 28 הימים האחרונים.
גוגל משתמש בנתוני השטח לצורך דירוג. נתוני המעבדה שימושיים לאבחון: הם מראים מה בדיוק מאט את העמוד, ומאפשרים לבדוק תיקון מיד בלי לחכות חודש. לכן העבודה הנכונה היא לזהות בעיה בנתוני השטח, לאבחן אותה בכלי המעבדה, לתקן, ואז לעקוב בנתוני השטח עד שהשיפור מופיע. ציון 100 בבדיקת מעבדה הוא לא המטרה; משתמשים אמיתיים שחווים עמוד מהיר הם המטרה.
איך משפרים CLS
- הגדירו רוחב וגובה לכל תמונה, וידאו ו-iframe, כדי שהדפדפן ישמור להם מקום.
- שמרו מקום קבוע לבאנרים, מודעות והודעות עוגיות.
- אל תזריקו תוכן מעל תוכן קיים אחרי שהעמוד נטען.
- השתמשו ב-font-display: swap ובפונטים עם מידות דומות לגיבוי, כדי שהטקסט לא יקפוץ.
Core Web Vitals הם חלק מכל אבחון SEO טכני שאנחנו מבצעים. ראו גם את צ'קליסט ה-SEO הטכני המלא.
שאלות נפוצות
האם Core Web Vitals הם גורם דירוג חשוב?
הם גורם דירוג, אבל לא החשוב ביותר. רלוונטיות ואיכות התוכן קודמים להם. ההשפעה הגדולה שלהם היא על חוויית המשתמש ועל שיעור ההמרה.
למה הציון ב-PageSpeed שונה מהדוח ב-Search Console?
PageSpeed מציג גם בדיקת מעבדה רגעית, ו-Search Console מציג נתוני שטח מצטברים של משתמשים אמיתיים מ-28 הימים האחרונים. גוגל מתייחס לנתוני השטח.
כמה זמן לוקח לראות שיפור בדוח אחרי תיקון?
נתוני השטח מחושבים על חלון של 28 ימים, ולכן שיפור מלא בדוח מופיע בדרך כלל אחרי כמה שבועות.
צריך להגיע לציון 100 ב-PageSpeed?
לא. הציון הוא סיכום של בדיקת מעבדה. המטרה היא לעבור את הספים של שלושת המדדים בנתוני השטח. אתר עם ציון 80 שעובר את כולם במצב טוב.
