גוגל מכריזה על יוזמת Web Vitals לספק הדרכה אחידה לגבי ביצועי האתר

גוגל מכריזה על יוזמת Web Vitals לספק הדרכה אחידה למפתחים לגבי ביצועי אתרים באמצעות שלושה מדדי ליבה.

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

במהלך השנים, גוגל הציעה מספר כלים שיעזרו למפתחי אתרים למדוד ולדווח על ביצועי אתרים. אלה כוללים דברים כמו Lighthouse, Chrome DevTools, PageSpeed Insights ודוח המהירות של Search Console. אבל גוגל מציינת שלמרות שחלק מהמפתחים מיומנים למדי בשימוש בכלים אלה, אחרים מצאו את מגוון הכלים והמדדים קצת מאתגרים לעמוד בקצב. עם היוזמה החדשה, החברה שואפת לפשט את הנוף כך שמפתחים יוכלו להתמקד במדדים החשובים ביותר, הנקראים Core Web Vitals.

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

צבע התוכן הגדול ביותר (LCP): מודד ביצועי טעינה. כדי לספק חווית משתמש טובה, LCP אמור להתרחש תוך 2.5 שניות מהרגע שהדף מתחיל לטעון.
השהיית קלט ראשון (FID): מודד אינטראקטיביות. כדי לספק חווית משתמש טובה, לדפים צריך להיות FID של פחות מ-100 מילישניות.
שינוי פריסה מצטבר (CLS): מודד יציבות חזותית. כדי לספק חווית משתמש טובה, דפים צריכים לשמור על CLS של פחות מ-0.1

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

מפתחים יוכלו גם למדוד כל Core Web Vital ב-JavaScript באמצעות ממשקי API סטנדרטיים באינטרנט ולדווח על כל Core Web Vital מבלי לכתוב קוד כלשהו, באמצעות Web Vitals Chrome Extension. התוסף עושה שימוש בספריית ה-web-vitals כדי למדוד את המדדים הללו ולהציג אותם למשתמשים בזמן שהם גולשים באינטרנט. התוסף יכול להועיל גם בהבנת הביצועים של האתרים שלך, האתרים של המתחרים שלך והאינטרנט בכלל. לחלופין, מפתחים שיעדיפו למדוד את המדדים הללו באמצעות ממשקי ה-API הבסיסיים באינטרנט יכולים לעיין במדריכי המדדים באתר המקושרים למטה לפרטי יישום.

יחד עם Core Web Vitals, גוגל מדברת גם על Web Vitals אחרים שישמשו כ-Proxy או מדדים משלימים עבור Core Vitals. אלה כוללים מדדים כמו Time to First Byte (TTFB), First Contentful Paint (FCP), זמן חסימה כולל (TBT) וזמן לאינטראקטיב (TTI) שיכול לעזור למפתחים לתפוס חלק גדול יותר מהחוויה או לסייע באבחון ספציפי נושאים.

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

מָקוֹר: web.dev