ביצועים · מד חשיפה

Core Web Vitals בעברית — מה זה ואיך מתקנים

גוגל הפכה שלושה מדדי-חוויה למדדי-דירוג רשמיים: LCP, INP ו-CLS. הנה מה כל אחד מודד, מה היעד, ואיך משפרים — בלי לטבוע במונחים.

WPE by OCWביצועים4 דק׳ קריאה
האם האתר שלך חושף אותך לתביעות?

אתר איטי מפסיד לקוחות בשקט וגם מדורג נמוך יותר בגוגל. כדי לכמת את זה, גוגל הגדירה שלושה מדדי-חוויה בשם Core Web Vitals, והפכה אותם לגורם-דירוג רשמי. הבשורה הטובה: שלושתם ניתנים למדידה בכלי חינמי, ורובם ניתנים לשיפור. הנה מה הם אומרים ואיך מתקנים. הרחבה בפילר על אופטימיזציית אתרים.

שלושת המדדים — מה כל אחד מודד

LCP — מהירות הופעת התוכן הראשי

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

INP — מהירות התגובה ללחיצה

Interaction to Next Paint מודד כמה מהר האתר מגיב כשלוחצים או מקלידים. אתר ש"נתקע" לרגע אחרי לחיצה נכשל כאן. (המדד החליף את FID הישן.) יעד: מתחת ל-200 מילישניות.

CLS — כמה התוכן "קופץ"

Cumulative Layout Shift מודד כמה התוכן זז בזמן הטעינה — הכפתור שקפץ בדיוק כשלחצת, הטקסט שנדחף למטה כשתמונה נטענה. חוויה מתסכלת. יעד: מתחת ל-0.1.

איך מודדים — חינם

הכלי הרשמי והחינמי של גוגל הוא PageSpeed Insights: מזינים כתובת ומקבלים ציון לכל מדד, לנייד ולדסקטופ, עם רשימת המלצות. יש גם דוח "חוויית-משתמש בפועל" (מבוסס נתוני-שדה אמיתיים) בכלי-המפתחים ובמסוף-החיפוש (Search Console). תמיד למדוד גם במובייל — שם רוב המבקרים, ושם גוגל מדרגת.

איך משפרים כל מדד

  • לשיפור LCP: דחוס והמר תמונות ל-WebP, טען עצל (lazy-load) את מה שלא נראה מיד, הפעל מטמון (cache), ושקול CDN. תמונת-הגיבור צריכה להיטען מהר.
  • לשיפור INP: צמצם סקריפטים כבדים של צד-שלישי (chat, פיקסלים, ווידג'טים), ואל תעמיס את הדף בקוד שרץ בזמן טעינה.
  • לשיפור CLS: קבע מראש מידות לתמונות ולפרסומות (רוחב וגובה), כדי שהתוכן לא "יקפוץ" כשהן נטענות. הימנע מהזרקת תוכן מעל תוכן קיים.

למה זה שווה את המאמץ

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

נתוני-שדה מול נתוני-מעבדה — אל תתבלבל

כשמודדים, חשוב להבין שני סוגי-נתונים. נתוני-מעבדה (lab) הם בדיקה מבוקרת שמריצים עכשיו — טובים לניפוי-באגים, אבל לא בהכרח משקפים משתמש אמיתי. נתוני-שדה (field) הם מדידה של מבקרים אמיתיים לאורך זמן — וזה מה שגוגל באמת סופרת לדירוג. לכן ציון-מעבדה מצוין לא מבטיח דירוג-שדה מצוין: מכשיר חלש או רשת איטית אצל המבקר משנים את התמונה. תמיד בדוק גם את דוח-השדה (ב-Search Console) לפני שאתה מסמן "הכל ירוק".

רוצה תמונת-מצב מהירה על נקודות-התורפה של האתר? הרץ בדיקת חשיפה חינמית — סריקה חיצונית שמראה את סימני-האזהרה של נגישות, פרטיות ואבטחה. בדקה, בחינם.

מה עושים עכשיו — הצעד הראשון

  1. מדוד את המצב. הרץ בדיקת חשיפה חינמית — לצד נגישות, פרטיות ואבטחה תקבל תמונה על סימני-האזהרה הטכניים של האתר.
  2. הרץ PageSpeed Insights ותקן קודם את מה שאדום.
  3. התחל מהתמונות והמטמון — התשואה הגבוהה ביותר. ראה איך מזרזים אתר וורדפרס.

המשך קריאה