אתר יכול להיפתח מהר על המחשב של מי שבנה אותו ולהרגיש כבד בטלפון של לקוח. הוא יכול גם לקבל ציון יפה בבדיקה אחת, בזמן שכפתור חשוב מגיב באיחור או שתמונה מזיזה את הטופס. לכן אנחנו בודקים ביצועים כחלק ממסלול השימוש: מה המבקר רואה, מתי אפשר לפעול ומה מפריע להתקדם. המטרה היא חוויה נעימה ויציבה, תוך שמירה על התוכן והאופי של המותג.
מבחינים בין טעינה, תגובה ויציבות
Core Web Vitals מתייחסים לשלושה היבטים מרכזיים: LCP בוחן הופעת תוכן מרכזי, INP בוחן תגובה לאינטראקציות ו־CLS בוחן תזוזות לא צפויות בפריסה. אלה מדדים שימושיים, אך צריך לפרש אותם לצד המשימות שהאתר נועד לאפשר.
למשל, עמוד שנראה מוכן אבל אינו מאפשר לפתוח תפריט עדיין יוצר קושי. עמוד שבו הכפתור זז בזמן שמנסים ללחוץ עליו עלול להוביל לפעולה שגויה. בדיקת ביצועים צריכה לכלול את הרגעים האלה, ולא רק את הזמן עד שהרקע מופיע.
מסתכלים על המסך הראשון
רשמו מה חייב להיטען כדי להבין את ההצעה ולהתחיל לפעול. בדרך כלל זו כותרת, הסבר, פעולה ותמונה מרכזית אם יש לה תפקיד. וידאו כבד, כמה גופנים ואנימציות שאינן חיוניות יכולים להתחרות על אותם משאבים.
אין צורך למחוק את העיצוב. אפשר לבחור תמונה במידות נכונות, לדחוס אותה, לתת מקום קבוע לאלמנטים ולדחות חומר שנמצא בהמשך העמוד. התוצאה הטובה היא שהחלק החשוב מגיע בזמן, והחוויה מתרחבת בצורה מסודרת ככל שמתקדמים.
נותנים לתמונות ולתנועה תקציב ברור
תמונת מקור גדולה אינה חייבת להגיע לדפדפן באותו גודל. מייצרים גרסאות שמתאימות לרוחבי תצוגה, בוחרים פורמט מתאים ושומרים על איכות שמספיקה למיקום שלה באתר. חשוב גם להגדיר רוחב וגובה כדי שהעמוד ישמור מקום לפני הטעינה.
בתנועה, בודקים אם האנימציה מסייעת להבין פעולה או רק פועלת ברקע. אפשר לעצור אנימציות מחוץ למסך, להימנע מעבודה כבדה בכל אירוע גלילה ולכבד העדפה להפחתת תנועה. אתר חי לא מחייב שכל רכיב יפעל כל הזמן.
בודקים תוספים ושירותים חיצוניים
כל רכיב חיצוני מוסיף תלות: כלי מדידה, צ׳אט, מפה, הטמעת סרטון או מערכת המלצות. כדאי לרשום מי צריך כל רכיב, איזה מידע הוא מספק ומה קורה כאשר אינו זמין. רכיב שאין לו בעלים או שימוש ברור הוא מועמד לבדיקה מחדש.
גם כאשר כלי נדרש, אפשר לבחון מתי הוא נטען והאם אפשר להפעיל אותו רק אחרי פעולה או הסכמה מתאימה. יש לוודא שהשינוי לא שובר מדידה או שימושיות. אין יתרון בדף קל יותר אם הפעולה העסקית העיקרית הפסיקה לעבוד.
משלבים בדיקת מעבדה עם שימוש אמיתי
בדיקת מעבדה עוזרת לאתר בעיות בתנאים מבוקרים ולזהות נסיגה אחרי שינוי. נתוני שטח מתארים את מה שחוו משתמשים במכשירים וברשתות שונים. לפי web.dev, בדיקות מעבדה אינן תחליף למדידה בשטח, וטעינת עמוד ללא אינטראקציה אינה מספקת מדידת INP אמיתית.
לפני שיש מספיק תנועה, אפשר לבדוק ידנית כמה מסלולים בטלפון ובמחשב: פתיחה ראשונה, מעבר לכתבה, שימוש בתפריט והכנת פנייה. מתעדים את המכשיר, הרשת והפעולה כדי שאפשר יהיה לשחזר קושי ולבדוק אם תוקן.
קובעים סדר עבודה לפי מה שהמבקר מרגיש
מתחילים בחסם שמונע פעולה או מעכב את התוכן המרכזי. אחרי התיקון בודקים שוב את אותו מסלול וגם את הפריסה. החלפת תמונה או דחיית קוד יכולה לשנות את הגובה, את סדר הופעת התוכן או את הזמן שבו רכיב נעשה זמין.
- בדקו את התמונה המרכזית ואת הגופן הראשון שמופיע.
- חפשו תזוזות של כפתורים, שדות וכותרות בזמן הטעינה.
- נסו ללחוץ ולמלא פרטים לפני שכל החומר בעמוד נטען.
- בדקו מצב הפחתת תנועה וגלילה בנייד.
- שמרו תוצאות לפני ואחרי באותם תנאים ככל האפשר.
מונחים שכדאי להכיר
- נתוני שטח
- מדידות שמתקבלות משימוש אמיתי במכשירים וברשתות של מבקרים.
- תזוזת פריסה
- שינוי לא צפוי במיקום תוכן בזמן הטעינה או השימוש.
ליישום בעסק
בחרו מסלול חשוב אחד ובדקו אותו מתחילתו ועד סופו בטלפון. תקנו קודם מה שמונע הבנה או פעולה, ורק אחר כך רדפו אחרי שיפורים קטנים בציון. ביצועים טובים צריכים להיות מורגשים בשימוש ולהישמר גם אחרי עדכון תוכן.
