איך להשתמש בכלים לבדיקת מהירות

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

להורדת גרסת PDF

מיתוסים נפוצים לגבי ביצועים

מיתוס 1

דף נייר עם תרשים קו.

אפשר לתעד את חוויית המשתמש באמצעות מדד אחד.

חוויית משתמש טובה לא נמדדת בנקודת זמן אחת. הוא מורכב מסדרה של אבני דרך חשובות בתהליך שהמשתמשים עוברים. חשוב להבין את המדדים השונים ולעקוב אחרי אלה שחשובים לחוויית המשתמשים.

מיתוס 2

אוסף של סמלי רשת שמייצגים מכשירים שונים ותנאי רשת שונים.

אפשר לתעד את חוויית המשתמש באמצעות "משתמש מייצג" אחד.
הביצועים בעולם האמיתי משתנים מאוד בגלל הבדלים במכשירים של המשתמשים, בחיבורים לרשת ובגורמים אחרים. כדאי לכייל את סביבת המעבדה והפיתוח כדי לבדוק מגוון תנאים שונים כאלה. השתמשו בנתונים מהשטח כדי לבחור את הפרמטרים לבדיקה לפי סוג המכשיר (למשל, נייד לעומת מחשב), חיבורים לרשת (למשל, 3G או 4G) ומשתנים חשובים אחרים.

מיתוס 3

מגוון תיאורים של סוגים שונים של משתמשים.

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

הסבר על נתוני מעבדה לעומת נתוני שדה

נתוני מעבדה

איור של גבר שעומד מול קבוצה של מושגים טכניים מופשטים וסמלים

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

מה מומלץ לעשות

נקודות חוזק

  • עוזר לפתור בעיות בביצועים
  • חשיפה מקצה לקצה ומעמיקה לחוויית המשתמש
  • סביבת בדיקה וניפוי באגים שניתן לשחזר
מה אסור לעשות

מגבלות

  • יכול להיות שהם לא יזהו צווארי בקבוק בעולם האמיתי
  • אי אפשר לקשר בין מדדי ה-KPI של הדף בעולם האמיתי

נתונים מהשטח

תמונה של אנשים במקום ציבורי שמשתמשים במכשירים ניידים.

(נקרא גם "מעקב אחר משתמשים בפועל" או RUM)

נתוני שטח הם נתוני ביצועים שנאספים מטעינות דפים אמיתיות שהמשתמשים חווים בפועל.

מה מומלץ לעשות

נקודות חוזק

  • מתעד את חוויית המשתמש האמיתית בעולם האמיתי
  • מאפשרת התאמה למדדי ביצועים מרכזיים (KPI) של העסק
מה אסור לעשות

מגבלות {: .compare-worse }

  • קבוצה מוגבלת של מדדים
  • יכולות ניפוי באגים מוגבלות

מהם הכלים השונים לשיפור הביצועים?

Lighthouse

Lighthouse

מספקת עצות מותאמות אישית לשיפור האתר מבחינת ביצועים, נגישות, PWA, ‏SEO ושיטות מומלצות אחרות.

WebPageTest

WebPageTest

מאפשר להשוות בין הביצועים של דף אחד או יותר בסביבת מעבדה מבוקרת, ולנתח לעומק את נתוני הביצועים ולבדוק את הביצועים במכשיר אמיתי. אפשר גם להריץ את Lighthouse ב-WebPageTest.

TestMySite

TestMySite

מאפשר לאבחן את הביצועים של דפי אינטרנט במכשירים שונים, ומספק רשימה של תיקונים לשיפור חוויית המשתמש מ-Webpagetest ומ-PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

הכלי מציג נתוני שדה של מהירות האתר, לצד הצעות לאופטימיזציות נפוצות לשיפור המהירות.

הכלי לדירוג מהירויות אתרים

כרטיס מידע על מהירות

מאפשר להשוות את מהירות האתר לנייד למהירות של אתרים דומים ביותר מ-10 מדינות. מהירות האתר בנייד מבוססת על נתונים בפועל מהדוח על חוויית המשתמש ב-Chrome.

מחשבון ההשפעה על הכנסות

מחשבון ההשפעה על הכנסות

מאפשר לכם להעריך את ההזדמנות הפוטנציאלית להכנסה משיפור מהירות האתר לנייד, על סמך נתוני השוואה לשוק מ-Google Analytics.

הכלים למפתחים ב-Chrome

הכלים למפתחים ב-Chrome

מאפשר ליצור פרופיל של זמן הריצה של דף, וגם לזהות צווארי בקבוק בביצועים ולנפות באגים.

אז את…

סמל של ספר עם תרשימים וגרפים.

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

  • כרטיס המידע על מהירות האתר מאפשר לכם להשוות בין מהירות האתר שלכם לנייד לבין מהירות האתרים של המתחרים ביותר מ-10 מדינות. הציונים מבוססים על נתונים בפועל מהדוח לגבי חוויית המשתמש ב-Chrome.
  • השתמשו במחשבון ההשפעה על הכנסות כדי להעריך את ההזדמנות הפוטנציאלית להכנסה כתוצאה משיפור מהירות האתר לנייד. ההשפעה מבוססת על נתוני השוואה לשוק מ-Google Analytics.
  • אתם יכולים להשתמש ב-TestMySite כדי לבדוק את זמן הטעינה של הדף בנייד בהשוואה לשוק, וללמוד איך תיקונים פשוטים יכולים להאיץ את האתר ולצמצם את אובדן המבקרים. TestMySite מופעל כרגע על ידי WebPageTest ו-PageSpeed Insights.
סמל של מחשב נייד עם הלוגו של Chrome מאחוריו וקצת מעליו.

מפתחים שמנסים להבין את הביצועים הנוכחיים של האתר שלהם, כפי שחווים אותם משתמשי Chrome בעולם האמיתי, ומחפשים המלצות לביקורת בהתאם למגמות ולהנחיות המובילות בתחום.

בעזרת PageSpeed Insights תוכלו להבין את הביצועים של האתר בעולם האמיתי, כפי שחווים אותם משתמשי Chrome, ולקבל המלצות להזדמנויות לאופטימיזציה.

סמל של דף תוצאות הביקורת של Lighthouse.

מפתחים שמנסים להבין ולבדוק אתר בהתאם לשיטות המומלצות המודרניות לביצועים באינטרנט.

Lighthouse כולל קבוצה מקיפה של הזדמנויות לשיפור הביצועים. הוא מספק רשימה של הזדמנויות לשיפור הביצועים שחסרות בדף, ואת הזמן שנחסך על ידי הטמעה של כל אופטימיזציה, מה שיכול לעזור לכם להבין מה צריך לעשות.

סמל של זכוכית מגדלת מעל באג.

מפתחים שמחפשים הנחיות טכניות לגבי ניפוי באגים או ניתוח מעמיק של ביצועי האתר.

הכלים למפתחים ב-Chrome (CDT) כוללים חלונית ביצועים שמאפשרת לכם להתעמק בבעיות בביצועים של האתר. לשם כך, אתם יכולים ליצור פרופיל של האתר עם הגדרות מותאמות אישית, וכך לאתר צווארי בקבוק בביצועים. אפשר להשתמש ב-CDT בגרסאות של אתר שנמצאות בסביבת ייצור או בסביבת פיתוח.

‫WebPageTest כולל חבילה מתקדמת של מדדים וצופים במעקב. הוא מאפשר לכם לבחון לעומק את ביצועי האתר בחומרה אמיתית של מכשירים ניידים בתנאי רשת.