הדגשנו את Microsoft Clarity כמוצר שנבנה תוך מחשבה על מקרי שימוש מעשיים מהעולם האמיתי, על ידי אנשי מוצר אמיתיים שמבינים את האתגרים העומדים בפני חברות כמו Switas. תכונות כמו קליקים של זעם ומעקב אחר שגיאות ב-JavaScript הוכיחו את עצמן כבעלות ערך רב בזיהוי תסכולים ובעיות טכניות של משתמשים, מה שאפשר שיפורים ממוקדים שהשפיעו ישירות על חוויית המשתמש ועל שיעורי ההמרה.
משאבים לחסימת רינדור
משאבים חוסמי רינדור הם קבצים שדפדפן חייב להוריד ולעבד לפני שיוכל להציג תוכן כלשהו. מדובר בעיקר בגליונות סגנון שאליהם מתייחסים בראש המסמך ובסקריפטים סינכרוניים שנתקלים בהם במהלך ניתוח, והם הסיבה הנפוצה ביותר לכך שדף לוקח יותר זמן להופיע מהצפוי לתוכנו.
גיליונות סגנונות חוסמים מסיבה מוצדקת. צביעת תוכן לפני שסגנונות זמינים תיצור הבזק של תוכן לא מעוצב ואחריו זרימה מחדש צורמת, כך שהדפדפנים ממתינים. הבעיה אינה שגיליונות סגנונות חוסמים, אלא שאתרים בדרך כלל טוענים הרבה יותר סגנונות ממה שהתצוגה הראשונית דורשת, כולל סגנונות עבור רכיבים בהמשך הדף, עבור תבניות אחרות ועבור תכונות שהמבקר עשוי לעולם לא להשתמש בהן, שכולם חייבים להגיע לפני שמשהו מוצג.
סקריפטים נחסמים מכיוון שסקריפט שנתקל בו במהלך הניתוח עשוי לשנות את המסמך, כך שהמנתח עוצר עד שיבוצע. רוב הסקריפטים אינם זקוקים להתנהגות זו: ניתוחים, ווידג'טים של צ'אט, כלי התאמה אישית ורוב קוד היישומים יכולים להתבצע לאחר ניתוח המסמך ללא אובדן נכונות. הוספת המאפיין defer מאפשרת לניתוח להמשיך ומבצעת אותם לפי הסדר לאחר מכן, בעוד ש-async מבצע אותם ברגע שהם מגיעים ללא ערבויות לסדר.
הפתרון הסטנדרטי לגיליונות סגנון הוא להפריד את הסגנונות הנדרשים עבור חלון התצוגה הראשוני מהשאר. החלק הקריטי מוטבע ישירות במסמך, כך שאין צורך בבקשת התאמה, והשאר נטען בצורה שאינה חוסמת. זה יעיל ומוסיף מורכבות לבנייה, מכיוון שיש ליצור מחדש את קבוצת הסגנונות הקריטית בכל פעם שמשתנים סגנונות, ו-CSS קריטי מיושן מייצר פגמים גלויים.
משאבים של צד שלישי הם לעתים קרובות התורמים הגדולים ביותר והקשים ביותר לשליטה. מנהלי תגיות, פלטפורמות הסכמה, ספקי גופנים, כלי צ'אט ומסגרות בדיקה מתווספים בדרך כלל לראש המסמך עם התנהגות חסימה, שכל אחד מהם דורש חיבור למקור נפרד. העיכוב המצטבר הוא משמעותי, ומכיוון שכל אחד מהם נוסף על ידי צוות אחר מסיבה מוצדקת, אף אחד לא אחראי על הסכום הכולל. ביקורת העלות הכוללת וייחוסה לפונקציה המבקשת היא מה שהופך את הפשרה לגלויה.
גופנים דורשים טיפול מיוחד מכיוון שהם חוסמים את רינדור הטקסט ולא את מבנה העמוד. בהתאם לאסטרטגיית התצוגה, טקסט עשוי להיות בלתי נראה בזמן הורדת גופן, מה שאומר שתוכן שהגיע במלואו מושבת במכוון. בחירת אסטרטגיה המציגה טקסט חלופי באופן מיידי ומתחלפת כאשר הגופן מגיע, וטעינה מראש של גופנים המשמשים מעל הקיפול, מונעים את המצב שבו עמוד מוצג מבחינה טכנית ונראה ריק.
מדידת העלות האמיתית דורשת זהירות, משום שהסרת משאב חוסם לא תמיד מניבה את החיסכון הצפוי. משאבים מורידים במקביל, כך שהסרת אחד עשויה פשוט לאפשר לאחר להפוך לאילוץ, והשיפור שנצפה לעתים קרובות קטן יותר מסכום ההערכות הבודדות. אימות באמצעות מדידה לאחר כל שינוי, במקום לסמוך על הסכומים הצפויים, שומר על דיוק הציפיות.
זיהוי מה באמת חוסם הוא פשוט בעזרת כלים סטנדרטיים, המדווחים על משאבי חסימה ומעריכים את החיסכון מטיפול בכל אחד מהם. יש להתייחס לאומדנים כאינדיקטיביים ולא מדויקים, מכיוון שהסרת משאב חוסם אחד מגלה לעתים קרובות שמשאב אחר היה המגבלה האמיתית, ושיפורים מאומתים בצורה הטובה ביותר על ידי מדידה ולא על ידי הנחות מהדו"ח.
מכיוון שהמשאבים המעורבים מתווספים בדרך כלל על ידי מספר צוותים לאורך זמן, תיקון דורש ניהול לא פחות מאשר הנדסה. בפועל, הביקורת והקביעת סדרי עדיפויות נמצאים בתוך ביצועי אינטרנט עבודה, שינויי הבנייה מיושמים באמצעות פיתוח מוצר, והחלטות לגבי אילו כלים של צד שלישי מצדיקים את עלות החסימה שלהם דורשות הסכמה עם הצוותים שביקשו אותם, מה שמשמעותו עבור רוב האתרים מחלקת השיווק הדיגיטלי.
סוויטאס כפי שנראה ב
