חלונית רשת: ניתוח של עומס רשת ומשאבים

Dale St. Marthe

משתמשים בחלונית רשת כדי לנתח את טעינת הדף ולבדוק את משאבי הרשת.

סקירה כללית

בחלונית רשת אפשר:

• תיעוד הפעילות ברשת
• בדיקת בקשות רשת
• סינון ומיון של בקשות רשת
• כותרות ותגובות של רשת החיפוש
• שינוי התנהגות הטעינה
• חסימת בקשות רשת
• שינוי תנאי הרשת
• ניפוי באגים בכללי הטעינות מראש של prefetch
• שינוי כותרות של תגובת HTTP
• שינוי כותרות של כמה כתובות URL עם תווים כלליים לחיפוש
• לשמור ולייצא את הנתונים של בקשת הרשת

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

פתיחת החלונית 'רשת'

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

לחלופין, כדי לפתוח את החלונית רשת דרך תפריט הפקודה, פועלים לפי השלבים הבאים:

1. פותחים את כלי הפיתוח.
2. לוחצים על תפריט הפקודה על ידי לחיצה על:
3. macOS: Command+Shift+P
4. Windows, Linux, ChromeOS: Control+Shift+P
5. מתחילים להקליד Network, בוחרים באפשרות הצגת חלונית הרשת ומקישים על Enter.

תיעוד הפעילות ברשת

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

נוסף על ההקלטה, תוכלו לבצע את הפעולות הבאות:

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

בדיקת בקשות רשת

כל בקשות הרשת נרשמות בטבלה בקשות שבמרכז החלונית.

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

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

• כותרות: כותרות ה-HTTP של המשאב שנבחר.
• המטען הייעודי (Payload): הפרמטרים של מחרוזת השאילתה ונתוני הטפסים של הבקשה.
• תצוגה מקדימה: רינדור בסיסי של ה-HTML.
• תגובה: קוד המקור ב-HTML של המשאב שנבחר.
• יוזם: מה גרם לבקשה של המשאב.
• תזמון: פירוט של הפעילות ברשת של המשאב שנבחר.
• קובצי cookie: קובצי cookie של בקשה והתגובה שלה.

סינון ומיון של בקשות רשת

בחלונית רשת יש שתי דרכים למיין את הבקשות בטבלה בקשות:

• מיון לפי עמודה
• מיון לפי שלב הפעילות.

בהמשך מפורטות כמה דרכים לסנן בקשות בטבלה בקשות:

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

חיפוש תגובות וכותרות של רשת

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

שינוי התנהגות הטעינה

בודקים את חוויית המשתמש בדף על ידי שינוי התנהגות הטעינה בחלונית רשת.

בחלונית רשת אפשר לבצע את הפעולות הבאות:

• יצירת הדמיה של מבקר חדש על ידי השבתת המטמון של הדפדפן
• ניקוי ידני של המטמון של הדפדפן
• ניקוי ידני של קובצי cookie בדפדפן
• הדמיה במצב אופליין
• סימולציה של חיבור איטי לרשת
• שינוי כותרות של תגובת HTTP
• שינוי של סוכן המשתמש

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

כדי לשמור ולייצא נתונים של בקשת רשת, יש לעיין במאמרים הבאים:

• שמירת כל בקשות הרשת בקובץ HAR
• העתקת בקשה אחת או יותר ללוח