כלים

ספי Core Web Vitals: מדריך לערכי LCP, INP ו-CLS

קוראים את גבולות המדדים יחד עם תנאי המדידה שמעניקים להם משמעות.

Largest Contentful Paint (LCP)

הגדרה

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

כיצד נמדד

Chrome מודד אצל משתמשים אמיתיים ו-Lighthouse בבדיקות מעבדה. בהערכת השטח נבחן האחוזון ה-75 של טעינות העמוד.

נתוני השטח של CrUX משתמשים באחוזון ה-75 בחלון איסוף נע של 28 ימים; בדיקת מעבדה יחידה היא מדידה שונה.

ספים

  • טוב טוב: 2.5 s ומטה
  • דרוש שיפור דרוש שיפור: מעל 2.5 s ועד 4.0 s
  • גרוע גרוע: יותר מ-4.0 s

כיצד לשפר

  • אפשרו לדפדפן לגלות את תוכן ה-LCP הצפוי כבר ב-HTML הראשוני, ככל האפשר.
  • אל תטענו את תמונת ה-LCP בטעינה עצלה; השתמשו ב-fetchpriority="high" באופן ממוקד לתמונה הראשונית החשובה.
  • צמצמו את זמן תגובת השרת והסירו CSS ו-JavaScript שחוסמים רינדור.
  • השתמשו בתמונות רספונסיביות ודחוסות בפורמטים מודרניים.

הספים מבוססים על הנחיות Google. בדקו שינויים בתיעוד המקושר. web.dev

איך משתמשים בכלי

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

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

מה התוצאות אומרות

LCP מודד את טעינת התוכן הגלוי הגדול ביותר שעומד בתנאי המדידה. עד 2.5 שניות הוא טוב; מעל 2.5 ועד 4.0 שניות דורש שיפור; מעל 4.0 שניות הוא גרוע.

INP מודד תגובתיות לאינטראקציות שעומדות בתנאי המדידה. עד 200 מילישניות הוא טוב; מעל 200 ועד 500 מילישניות דורש שיפור; מעל 500 מילישניות הוא גרוע.

CLS מודד תנועה לא צפויה בפריסה ואינו נמדד בזמן. עד 0.1 הוא טוב; מעל 0.1 ועד 0.25 דורש שיפור; מעל 0.25 הוא גרוע. אין להוסיף שניות או מילישניות לערך CLS.

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

מה פירוש האחוזון ה-75?

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

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

מה עושים כאשר מדד חסר?

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

קוראים את כללי הכיסוי של כלי המקור. PageSpeed Insights יכול להעריך LCP ו-CLS טובים כאשר INP אינו מספיק; ללא מספיק נתוני LCP או CLS לא ניתן לבצע את ההערכה. הכלל אינו מתיר להמציא INP או להעביר ערך מעמוד אחר.

מה עושים כשהערך קרוב לסף?

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

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

מדריכים קשורים