הדגשנו את Microsoft Clarity כמוצר שנבנה תוך מחשבה על מקרי שימוש מעשיים מהעולם האמיתי, על ידי אנשי מוצר אמיתיים שמבינים את האתגרים העומדים בפני חברות כמו Switas. תכונות כמו קליקים של זעם ומעקב אחר שגיאות ב-JavaScript הוכיחו את עצמן כבעלות ערך רב בזיהוי תסכולים ובעיות טכניות של משתמשים, מה שאפשר שיפורים ממוקדים שהשפיעו ישירות על חוויית המשתמש ועל שיעורי ההמרה.
הסטה מצטברת (CLS)
שינוי פריסה מצטבר מודד חוסר יציבות חזותית על ידי כימות כמה תוכן גלוי זז באופן בלתי צפוי במהלך חיי הדף. זהו אחד מפריטי הליבה של גוגל, ובניגוד למדדי טעינה ותגובתיות, זהו ציון ללא יחידות ולא משך זמן, המחושב מהפרופורציה של חלון התצוגה המושפע מהשינוי ומהמרחק בו התוכן הוזז. הסף שפורסם על ידי גוגל מתייחס ל-0.1 או פחות כטוב באחוזון ה-75 של חוויות משתמש אמיתיות.
ההתנהגות שהוא לוכד מוכרת לכל מי שניסה ללחוץ על קישור רק כדי לקבל פרסומת מעליו ולדחוף את הדף למטה, או שהתחיל לקרוא פסקה שקפצה כאשר גופן אינטרנט הוחלף. מעבר לגירוי, התוצאה המעשית היא לחיצות שגויות: תוכן שזז בין הרגע שבו משתמש מחליט להקיש לרגע שהוא עושה זאת גורם לפעולה שגויה, שבממשק מסחרי או בנקאי יכול להוביל לרכישה שגויה, מחיקה שגויה או ניווט לא מכוון.
הסיבות מתועדות היטב וברובן פשוטות למניעה. תמונות וסרטונים ללא ממדים מפורשים גורמים לזרימה מחדש בעת טעינתם, מכיוון שהדפדפן אינו יכול לשמור את השטח הנכון מראש. פרסומות, הטמעות ו-iframes המוכנסים לזרימה ללא מכולה שמור דוחפים את התוכן למטה. גופני אינטרנט המחליפים מחלופה עם מדדים שונים מזרימים מחדש את הטקסט. תוכן המוזרק באופן דינמי מעל תוכן קיים, כגון באנרים, התראות והודעות הסכמה, מזיז את כל מה שמתחת. אנימציות שמשנות מאפייני פריסה במקום לשנות את הטקסט ואת האטימות מפעילות זרימה מחדש בכל פריים.
התיקונים המתאימים הם בין הזולים ביותר הזמינים בעבודות ביצועים. הגדרת תכונות רוחב וגובה או יחס גובה-רוחב במדיה שומרת מקום לפני הטעינה. הקצאת מכלים קבועים לפרסומות והטמעות מונעת מהכנסה לדחות תוכן. התאמת מדדי גופן חלופי לגופן האינטרנט, ושימוש באסטרטגיות טעינת גופנים מתאימות, מפחיתים זרימה מחדש בעת החלפה. הוספת תוכן דינמי מתחת לקפל או בשכבות-על במקום מעל תוכן קיים נמנעת מהקטגוריה המשבשת ביותר. אנימציה של שינוי צורה ואטימות בלבד שומרת על תנועה מחוץ לנתיב הפריסה.
מדידה דורשת התמקדות בפעילות הגלישה ולא רק בטעינת הדף. המדד מצטבר לאורך חיי הדף, כולל שינויים המתרחשים במהלך גלילה ואינטראקציה, מה שאומר שדף שמקבל ציון טוב בטעינה הראשונית עדיין יכול לקבל ציון נמוך באופן כללי בגלל תוכן שנטען בעצלתיים ומגיע ללא מקום שמור. שינויים המתרחשים בחלון זמן קצר לאחר אינטראקציית משתמש אינם נכללים, בנימוק שתוכן שנעה בתגובה לפעולה מכוונת היא צפויה ולא משבשת.
הודעות הסכמה ובאנרים פרסומיים ראויים לתשומת לב מיוחדת משום שהם מוכנסים באיחור, בדרך כלל מנוהלים מחוץ לתהליך הפיתוח הראשי, ולעתים קרובות דוחקים את מקומם של התוכן. באנר המופיע בראש המסמך לאחר הרינדור דוחף את כל מה שמופיע למטה בדיוק ברגע שהמבקר מתחיל לקרוא או מושיט יד לקישור. הצגת אלמנטים כמו שכבות-על שאינן משתתפות בפריסה, או שמירת מקום עבורם לפני הרינדור, פותרת את הבעיה מבלי להסירם. מכיוון שרכיבים אלה מוגדרים לעתים קרובות על ידי צוותי שיווק או משפט באמצעות כלים של צד שלישי, התיקון דורש בדרך כלל דיאלוג בין פונקציות ולא שינוי קוד בלבד.
מכיוון שהגורמים בדרך כלל נמצאים בתבניות, באינטגרציות פרסום ובהטמעות של צד שלישי ולא ברכיב יחיד, תיקון נוטה לדרוש תיאום בין הצוותים האחראים על כל אחד מהם. בפועל זהו סטנדרט. ביצועי אינטרנט עבודה, וזהו אחד התחומים שבהם הקשר לתוצאות מסחריות הוא הישיר ביותר, מכיוון שחוסר יציבות בפריסה במוצר או בדף התשלום מייצר שגיאות בהקלדות ונטישה ש... ביקורת חוויית משתמש יצצו ככשלים בשמישות מבלי בהכרח לזהות את הסיבה הטכנית הבסיסית.
סוויטאס כפי שנראה ב
