בדיקת התנהגות תחת כשלי רשת (Network Throttling) עם Chrome DevTools

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

שלב 1: פתיחת Chrome DevTools

  1. פתח את Google Chrome.
  2. עבור לאתר או אפליקציית הווב שברצונך לבדוק.
  3. לחץ על מקש F12 או לחץ לחיצה ימנית על הדף ובחר באפשרות Inspect (או "בדוק" בעברית).

שלב 2: מעבר ללשונית Network

  1. בחלון DevTools שנפתח, בחר בלשונית Network.
  2. ודא שהאופציה Disable Cache (השבת מטמון) מסומנת – כך תבטיח שהבדיקות שלך משקפות את התנהגות הרשת בצורה מדויקת.

שלב 3: בחירת תנאי רשת (Throttling)

  1. בחלק העליון של לשונית ה-Network, תמצא תפריט נפתח בשם Online.
    • אם אינך רואה אותו, לחץ על שלוש הנקודות בצד ימין > More Tools > Network Conditions.
  2. בתפריט, לחץ על Online ובחר אחת מהאפשרויות הבאות:
    • Fast 3G: לדמות רשת 3G מהירה.
    • Slow 3G: לדמות רשת 3G איטית.
    • Offline: לדמות מצב ללא רשת.

שלב 4: התאמה אישית של תנאי רשת

  1. כדי להגדיר תנאי רשת מותאמים אישית, לחץ על Add… בתחתית התפריט הנפתח.
  2. הגדר ערכים מותאמים אישית:
    • Download: רוחב הפס להורדה (kbps).
    • Upload: רוחב הפס להעלאה (kbps).
    • Latency: זמן חביון (ms).
  3. לחץ על Add כדי לשמור את הפרופיל החדש.

שלב 5: ביצוע הבדיקות

  1. טען מחדש את האתר (Ctrl+R או Command+R) בזמן שמצב הרשת הנבחר מופעל.
  2. שים לב לזמני הטעינה, הודעות שגיאה או כל התנהגות לא צפויה.

שלב 6: ניתוח הנתונים

  1. סקור את גרף הביצועים והקבצים שהורדו בלשונית ה-Network.
    • בדוק אילו קבצים נטענו באיטיות או נכשלו.
  2. שים לב לכותרת Timing עבור כל בקשה בודדת כדי לראות פירוט על זמני DNS, TLS, וזמן תגובה.

שלב 7: דוח סיכום

בסיום הבדיקה, סכם את הממצאים שלך:

  1. רשום אילו תרחישים נבדקו (Fast 3G, Slow 3G, Offline וכו').
  2. פרט אילו בעיות זוהו וכיצד ניתן לשפר אותן:
    • קבצים גדולים מדי לטעינה ברשת איטית.
    • קריסות או הודעות שגיאה לא ידידותיות.
    • זמני חביון גבוהים המפריעים לתפקוד המערכת.

שלב 8: טיפים למתקדמים

  • מעקב אחרי ביצועי JavaScript: השתמש בלשונית Performance כדי לראות כיצד חביון משפיע על הביצועים הכוללים של האתר.
  • תסריטים אוטומטיים: כלים כמו Puppeteer מאפשרים לדמות רשתות בצורה אוטומטית אם תרצה ליישם בדיקות מתקדמות.

לסיכום

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

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

עברת את הקורס? רוצה להתחיל לעבוד מהבית כפרילנסר, כנס ל Fivver

כתיבת תגובה