דילוג לתוכן
חיפוש באתר

Core Web Vitals

כל מה שצריך כדי להבין ולשפר את Core Web Vitals: מה אומרים LCP, INP ו-CLS, איך מודדים נכון, ומה באמת מאט אתרים — תמונות, פונטים, סקריפטים וקוד.

שלושה מדדים שמתארים חוויה אמיתית של גולש

Core Web Vitals הם שלושה מדדים של גוגל שמודדים את מה שגולש מרגיש: LCP — כמה זמן עד שהתוכן הראשי מופיע, INP — כמה מהר העמוד מגיב ללחיצה, ו-CLS — עד כמה העמוד "קופץ" בזמן הטעינה. המדדים נמדדים אצל משתמשים אמיתיים, ולכן אתר שנראה מהיר על מחשב משרדי יכול להיכשל בטלפון של לקוח.

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

מתחילים במדידה

לפי המדד שנכשל

הטעויות הנפוצות

טעינה עצלה של התמונה הראשית, וידאו כבד בראש העמוד, ופונטים שנטענים מאוחר — אלה שלוש טעויות שאני פוגש שוב ושוב. ראו מתי lazy loading מאט דווקא, איך מטמיעים וידאו בלי להאט ולמה האתר איטי דווקא במובייל. נושאים קרובים בתגיות בדיקות מהירות ותמונות באתר.

נתוני שטח מול נתוני מעבדה

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

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

מה הקוד קובע ומה התוכן קובע

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

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

בואו נבנה יחד!

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

דברו עם מפתח קצת עליי

חיפוש באתר

נושאים פופולריים

הנקראים ביותר