Core Web Vitals מציג את שלושת המדדים שגוגל מדורגת עליהם - LCP, CLS ו-INP - שנמדדו בזמן אמת בדף שבו אתה צופה, מדורגים מול הספים של גוגל, ומועברים חזרה לאלמנט המדויק מאחורי כל מספר.
Core Web Vitals מחליטים חלק מהאופן שבו הדפים שלך מדורגים, אבל הדרכים הרגילות למדידת אותם הן מביכות. כלי מעבדה מציינים עומס סינטטי שאף אחד לא חווה. Search Console מדווח על משתמשים אמיתיים, באיחור של ארבעה שבועות, מקובצים בקטגוריות כתובות אתרים. אף אחד מהם לא אומר לך איזה אלמנט בעמוד שלפניך הוא הבעיה.
כלי זה מודד את העמוד בו אתה מסתכל בפועל, בזמן שאתה משתמש בו. LCP, CLS ו-INP כל אחד מקבל אריח עם הערך שלו, דירוג טוב, זקוק לעבודה או גרוע מול הספים שפורסמו של גוגל, וסרגל המראה היכן אתה יושב. FCP ו-TTFB יושבים לצדם להקשר, מכיוון ש-LCP איטי הנגרם על ידי שרת איטי הוא בעיה שונה מזו הנגרמת על ידי תמונה כבדה.
ההגדרות תואמות למה ש-Chrome מדווח ל-CrUX, מה שחשוב אם אתה מתכוון להשוות מספרים עם Search Console. CLS משתמש בחלונות הפעלה - חלון מסתיים לאחר פער של שנייה אחת או בחמש שניות, והחלון הגרוע ביותר מנצח - במקום להוסיף כל משמרת בתמימות. INP הוא האחוזון ה-98 של זמן האחזור של האינטראקציה שלך, אשר עבור ביקור רגיל הוא פשוט האינטראקציה האיטית ביותר. LCP מפסיק להשתנות באינטראקציה הראשונה שלך, בדיוק כפי ש-Chrome עושה זאת.
הכי שימושי, כל מספר מיוחס. הלוח נותן שם לאלמנט הצביעה הגדול ביותר, האלמנטים שהזזו והאינטראקציות האיטיות ביותר, וכפתור הצג גולל לכל אחד מהם ומתאר אותו בעמוד. במקום לדעת ש-CLS הוא 0.31, אתה רואה את הבאנר שדוחף את התוכן שלך למטה. העתק דוח נותן לך את כל העניין כטקסט לכרטיס.
שלושת מדדי הדירוג מתעדכנים תוך כדי שימוש בדף: גלילה מהלכת CLS, לחיצה והקלדת העבר INP. כל אחד מהם מדורג כטוב, זקוק לעבודה או גרוע מול הספים של גוגל.
נותנת שמות לאלמנט הצבע הגדול ביותר, האלמנטים שזזו והאינטראקציות האיטיות ביותר. לחץ על הצג כדי לגלול לכל אחד מהם ולתאר אותו ישירות בעמוד.
CLS משתמש בחלונות הפעלה עם פער של 1 שניות ומכסה של 5 שניות, INP הוא האחוזון ה-98 של זמן האחזור של אינטראקציה, ו-LCP קופא באינטראקציה הראשונה - כך שהמספרים שלך מתיישבים עם Search Console.
First Contentful Paint ו-Time To First Byte יושבים לצד שלושת הגדולים, כך שתוכל להבדיל בין שרת איטי לתמונת גיבור כבדה לפני שתתחיל לבצע אופטימיזציה של הדבר הלא נכון.
מפרט את האינטראקציות האיטיות ביותר שלך עם סוג האירוע והאלמנט המעורב, כך שניתן למצוא תפריט נפתח או מסנן איטי במקום לנחש.
לחיצה אחת מעתיקה כל מדד, דירוג ובורר פוגעני כטקסט רגיל - מוכן להדבקה בכרטיס, בבקשת משיכה או באימייל של לקוח.
ודא ש-LCP, CLS ו-INP נמצאים בירוק בתבנית חדשה לפני שהיא עולה לאוויר, במקום לגלות זאת מ-Search Console חודש לאחר מכן.
Search Console אומר לך שקבוצת כתובות אתרים נכשלת ב-CLS; פתח אחד מהם עם הכלי הזה וראה בדיוק איזה אלמנט עושה את ההסטה.
גלול את הדף וצפה ב-CLS מטפס, ולאחר מכן לחץ על הצג כדי לשרטט את המודעה, הבאנר או גופן האינטרנט הנטענים מאוחרים שמניעים את התוכן שלך.
לחץ על מסננים, תפריטים ומודלים, ולאחר מכן קרא את רשימת האינטראקציות האיטית ביותר כדי למצוא איזו שליטה עולה מאות אלפיות שניות.
רשמו את המספרים, פרסו את התיקון, ואז מדדו שוב את אותו עמוד והשוו את שני הדוחות זה לצד זה.
לחץ על סמל Core Web Vitals ברציף DevSuite Pro. אריחים מטריים מופיעים מיד באמצעות כל מה שהדף כבר תועד.
ל-LCP יש משמעות רק מתחילת טעינת העמוד, אז טען מחדש כשהחלונית פתוחה כאשר אתה רוצה קריאה שאתה יכול לסמוך עליה.
גלול בכל העמוד כדי להפעיל CLS, ולחץ, הקש והקלד כדי ליצור מדידות INP. האריחים מתעדכנים תוך כדי תנועה.
הקש על הצג ליד רכיב ה-LCP, מקור הסטת פריסה או אינטראקציה איטית. הדף גולל אליו ומתאר אותו כך שאין אי בהירות לגבי האלמנט האחראי.
לחץ על העתק דוח לסיכום בטקסט רגיל של כל מדד, דירוג ובורר. לחץ על איפוס כדי להפעיל את CLS ו-INP שוב מאפס.
התקן את DevSuite Pro בחינם ופתח 71+ כלי פיתוח לדפדפן שלך.
