מה זה Core Web Vitals בקצרה?

שלושה מדדים שגוגל מודד בכל אתר כדי לכמת את חוויית המשתמש: LCP (תוך כמה זמן התוכן המרכזי מופיע), CLS (כמה העמוד קופץ בזמן הטעינה), ו-INP (כמה מהר האתר מגיב ללחיצות). הם חלק רשמי מאלגוריתם הדירוג, כלומר משפיעים ישירות על המיקום שלכם בתוצאות החיפוש.

מה היעדים שצריך לעמוד בהם?

גוגל מגדיר "טוב" כך: LCP מתחת ל-2.5 שניות, CLS מתחת ל-0.1, ו-INP מתחת ל-200 מילישניות. המדידה שקובעת היא של גולשים אמיתיים בנייד, לא רק בדיקת מעבדה. את הנתונים האמיתיים רואים ב-PageSpeed Insights תחת הכותרת "Core Web Vitals Assessment".

האתר שלי נכשל במדדים. כמה זה באמת פוגע בדירוג?

המדדים הם גורם דירוג אחד מתוך רבים, ותוכן רלוונטי עדיין חשוב יותר. אבל בתחרות צמודה בין אתרים דומים, הם שובר השוויון. והחשוב יותר: הם פוגעים בהמרות עוד לפני הדירוג, כי גולש שהעמוד קופץ לו מתחת לאצבע פשוט מתייאש ועוזב.

מה הדרך המהירה לשפר את המדדים?

תלוי במדד הבעייתי: LCP גבוה מטופל בדחיסת תמונות, אחסון מהיר וצמצום סקריפטים. CLS מטופל בהגדרת מידות קבועות לתמונות ולמודעות. INP מטופל בצמצום JavaScript כבד. באתרי וורדפרס עמוסים לפעמים הפתרון המשתלם הוא מעבר לתשתית מהירה יותר במקום טלאים.

Core Web Vitals בגובה העיניים: 3 המדדים שגוגל בודק באתר שלך

בפוסט על בדיקת מהירות הבטחנו להסביר את שלושת המדדים המסתוריים עם השמות המוזרים: LCP, CLS, INP. אז הנה, בלי שום ז’רגון, דרך משל שיישאר לכם בראש.

דמיינו שהאתר שלכם הוא מסעדה, והגולש הוא סועד שנכנס.

LCP: כמה מהר מגיעה המנה העיקרית

Largest Contentful Paint מודד תוך כמה זמן האלמנט המרכזי בעמוד (בדרך כלל התמונה הראשית או הכותרת הגדולה) מופיע על המסך.

במסעדה: הסועד התיישב. תוך כמה זמן תגיע המנה העיקרית לשולחן? אם תוך 5 דקות, מעולה. אם תוך 40 דקות, הוא קם והולך, ולא משנה כמה האוכל טעים.

היעד של גוגל: מתחת ל-2.5 שניות. מעל 4 שניות נחשב גרוע. וזה מסתדר בדיוק עם התנהגות אמיתית: מעל 3 שניות של מסך ריק, רוב הגולשים בנייד נוטשים.

CLS: השולחן שלא מתנדנד

Cumulative Layout Shift מודד כמה העמוד “קופץ” תוך כדי טעינה. מכירים את זה שאתם מנסים ללחוץ על כפתור, ופתאום נטענת תמונה שדוחפת הכל למטה, ולחצתם על פרסומת? זה CLS גרוע.

במסעדה: התיישבתם, הרמתם את הכוס, ומישהו מזיז את השולחן. ואז שוב. הייתם חוזרים למסעדה כזאת?

היעד: מתחת ל-0.1 (זה מדד יחסי, לא שניות). האשמים הרגילים: תמונות בלי מידות מוגדרות, באנרים ומודעות שנדחפים באיחור, ופונטים שמתחלפים תוך כדי קריאה.

INP: המלצר שעונה מיד

Interaction to Next Paint מודד כמה מהר העמוד מגיב לפעולות שלכם: לחצתם על תפריט, כמה זמן עד שמשהו זז על המסך?

במסעדה: אתם מסמנים למלצר, והוא… ממשיך לדבר בטלפון. אחרי 3 שניות הוא מסתובב. האוכל אולי מצוין, אבל התחושה היא של מקום שלא סופר אתכם.

היעד: מתחת ל-200 מילישניות. מה שהורס INP הוא בדרך כלל עומס JavaScript: עשרות סקריפטים של תוספים, פיקסלים וצ’אטים שחונקים את הדפדפן.

איפה רואים את הציונים שלכם?

נכנסים ל-pagespeed.web.dev ומזינים את הכתובת. בראש הדוח מופיע “Core Web Vitals Assessment”: אלה נתונים של גולשים אמיתיים שלכם ב-28 הימים האחרונים (אם יש לאתר מספיק תנועה). ירוק = עברתם, כתום/אדום = יש עבודה.

והנקודה החשובה: המדדים האלה לא נועדו לרַצות את גוגל. גוגל בסך הכל מדד את מה שמעצבן בני אדם. אתר שעובר את שלושתם הוא פשוט אתר שנעים להשתמש בו, ולקוח שנעים לו קונה יותר. באתרים שאנחנו בונים, שלושת המדדים ירוקים כברירת מחדל, כי כשהתשתית נכונה מהיסוד לא צריך טלאים.

לסיכום

Core Web Vitals הם שלוש שאלות פשוטות: המנה הגיעה מהר? השולחן יציב? המלצר קשוב? גוגל מודד אותן אצל הגולשים האמיתיים שלכם ומתחשב בתשובות בדירוג. בדקו את עצמכם ב-PageSpeed Insights, ואם יש כתום או אדום, עכשיו אתם לפחות יודעים בדיוק על מה מדובר כשאיש מקצוע מדבר איתכם על “שיפור מדדים”.

רוצים אתר ששלושת המדדים שלו ירוקים מהיום הראשון? זה הסטנדרט שלנו, בואו נדבר ↗