מה זה Core Web Vitals?
Core Web Vitals, בעברית "מדדי הליבה של חוויית הדף", הם סדרה של שלושה מדדים שגוגל פיתחה כדי לכמת עד כמה נעים וחלק לגלוש בעמוד. במקום להסתמך על תחושה, המדדים בודקים דברים מדידים: כמה מהר התוכן העיקרי מופיע, כמה מהר העמוד מגיב ללחיצה, וכמה הוא "קופץ" ומזיז אלמנטים תוך כדי טעינה. גוגל שילבה את המדדים האלה בדירוג תוצאות החיפוש, כך שאתר עם חוויית משתמש טובה מקבל יתרון. חשוב להבין: המדדים לא בודקים כמה יפה האתר, אלא כמה נוח להשתמש בו.
שלושת המדדים בשפה פשוטה
LCP, מהירות הופעת התוכן הראשי
LCP (ראשי תיבות של Largest Contentful Paint) מודד כמה זמן לוקח עד שהאלמנט הגדול והמשמעותי בעמוד, בדרך כלל תמונת הכותרת או בלוק הטקסט הראשי, מופיע על המסך. זה המדד שמשקף את התחושה של "כמה מהר האתר נטען". LCP טוב הוא עד 2.5 שניות. בין 2.5 ל-4 שניות נחשב טעון שיפור, ומעל 4 שניות נחשב איטי.
INP, מהירות התגובה ללחיצות
INP (ראשי תיבות של Interaction to Next Paint) מודד כמה זמן העמוד לוקח להגיב לפעולות של הגולש, כמו לחיצה על כפתור או פתיחת תפריט. הוא החליף רשמית את המדד הישן FID בשנת 2024, והוא מדד מחמיר יותר. INP טוב הוא עד 200 מילישניות. בין 200 ל-500 טעון שיפור, ומעל 500 איטי. מדד זה מושפע מאוד מכמות ה-JavaScript שרץ בעמוד.
CLS, יציבות ויזואלית
CLS (ראשי תיבות של Cumulative Layout Shift) מודד עד כמה אלמנטים בעמוד "קופצים" וזזים בזמן הטעינה. כולנו מכירים את התסכול כשעומדים ללחוץ על כפתור ופתאום נכנסת תמונה שדוחפת הכול למטה. CLS טוב הוא עד 0.1. בין 0.1 ל-0.25 טעון שיפור, ומעליו בעייתי. שלא כמו שני המדדים האחרים, CLS אינו נמדד בשניות אלא כציון יחסי.
למה גוגל מדרג לפי המדדים האלה?
גוגל רוצה להפנות גולשים לאתרים שנעים להשתמש בהם. אתר איטי, שקופץ בזמן טעינה או מגיב באיחור, מתסכל את הגולש ומגדיל את הסיכוי שהוא יינטש ויחזור לתוצאות החיפוש. מאז עדכון חוויית העמוד, Core Web Vitals הם גורם דירוג רשמי. הם לא הגורם החשוב ביותר, תוכן איכותי ורלוונטי עדיין גובר, אבל בין שני אתרים עם תוכן דומה, המהיר והיציב יותר יקבל יתרון. בנוסף, חוויה טובה משפרת גם את שיעורי ההמרה, אז זה משתלם פעמיים.
איך מודדים את הציונים?
יש כמה כלים חינמיים ומצוינים. PageSpeed Insights של גוגל נותן ציון לכל שלושת המדדים ומפריד בין נתוני שטח אמיתיים לבדיקת מעבדה, עם המלצות שיפור קונקרטיות. Google Search Console כולל דוח חוויית עמוד שמראה אילו עמודים באתר עוברים ואילו לא. לבדיקה מהירה של מהירות הטעינה מנקודות שונות, אפשר להשתמש גם בבדיקת מהירות. מומלץ למדוד גם במחשב וגם בנייד, כי הציונים בנייד לרוב נמוכים יותר ומשקפים חלק גדול מהגולשים.
איך משפרים כל מדד בוורדפרס
לשיפור LCP
הגורם מספר אחת ל-LCP איטי הוא בדרך כלל אחסון חלש או היעדר מטמון. התקינו תוסף מטמון כמו WP Rocket או LiteSpeed Cache, דחסו את תמונת הכותרת והמירו אותה לפורמט WebP, וטענו את התמונה הראשית בעדיפות גבוהה. שרת מהיר ו-CDN מקצרים משמעותית את זמן ההופעה. הרחבנו על כל אלה במדריך האצת האתר, ובחירת אחסון איכותי היא הבסיס לכל שיפור.
לשיפור INP
INP גבוה נובע כמעט תמיד מעודף JavaScript. צמצמו תוספים כבדים ומיותרים, דחו טעינת סקריפטים לא קריטיים (defer), והימנעו מבוני עמודים ותבניות עמוסות מדי. ככל שפחות קוד רץ בזמן שהגולש מנסה ללחוץ, כך העמוד מגיב מהר יותר.
לשיפור CLS
כדי למנוע קפיצות, הגדירו תמיד רוחב וגובה מפורשים לתמונות ולסרטונים, כדי שהדפדפן ישמור להם מקום מראש. הימנעו מהזרקת פרסומות או באנרים שדוחפים תוכן, וטענו גופנים בצורה חכמה עם font-display: swap כדי שהטקסט לא יקפוץ כשהגופן מתחלף. שינויים קטנים אלה מורידים את ציון ה-CLS דרמטית.
טעויות נפוצות ששוברות את הציונים
הרבה אתרים נכשלים במדדים בגלל אותן טעויות חוזרות. הנפוצה ביותר היא סליידר כבד בראש העמוד שמעכב את הופעת התוכן ומקפיץ אותו, ופוגע גם ב-LCP וגם ב-CLS בבת אחת. טעות שנייה היא עומס תוספים: כל תוסף מוסיף קוד שרץ בעמוד, ולעיתים תוסף בודד אחראי למרבית בעיית ה-INP. טעות שלישית היא תמונות ענק שהועלו במלוא הרזולוציה בלי דחיסה ובלי הגדרת מידות. וטעות רביעית היא הסתמכות על בדיקה בודדת במחשב חזק, בזמן שרוב הגולשים בנייד חלש יותר. אם תזהו ותתקנו את הארבע האלה, כבר עשיתם את רוב הדרך אל ציונים ירוקים.
המטרה היא לעבור את שלושת המדדים ברמת "טוב" בו-זמנית. עמוד שמצטיין באחד וכושל באחר עדיין נחשב טעון שיפור בעיני גוגל.
שיפור Core Web Vitals הוא בעיקר עבודה על מהירות ויציבות, ולכן הוא הולך יד ביד עם אופטימיזציה כללית. התחילו ממדריך האצת האתר, ודאו שאתם על אחסון מהיר, ומדדו שוב אחרי כל שינוי. שיפור הדרגתי ומדיד עדיף על ניסיון לתקן הכול בבת אחת.