מנתח מפל מים לקובץ HAR

קובץ HAR (ארכיון HTTP) הוא ייצוא JSON של כל מה שחלונית DevTools Network של הדפדפן תועדה במהלך טעינת עמוד: כל כותרת בקשה ותגובה, הגודל המדויק וסוג MIME של כל גוף תגובה ופירוט תזמון לכל בקשה. אתה יכול לייצר אחד מ-Chrome, Firefox, Edge או Safari על ידי פתיחת DevTools, טעינה מחדש של הדף בלשונית Network, ואז לחיצה ימנית על רשימת הבקשות ובחירה ב"שמור הכל כ-HAR עם תוכן". כלי זה קורא את הקובץ המיוצא ישירות - שום דבר לא נשלף מחדש או מתבקש מחדש.

תרשים מפל המים בנוי כולו מנתונים שכבר נמצאים בתוך הקובץ: אובייקט התזמונים של כל ערך משלו מפרק בקשה לחסומים, חיפוש DNS, חיבור, משא ומתן SSL/TLS, שליחה, המתנה (זמן עד בייט ראשון), וקבלה שלבים, וכל שלב מצויר כקטע צבעוני משלו. לפי מפרט ה-HAR, זמן ה-SSL כלול גם בתוך החיבור, כך שהוא מופחת בחזרה החוצה תחילה - אחרת חלק ה-TLS ייספר פעמיים ורוחב סרגל לא יצטברו עוד למשך הזמן האמיתי של הבקשה. סמנים אנכיים מקווקוים מציגים את DOMContentLoaded ו-Load, הנקראים ישירות מתזמוני העמודים של הקובץ עצמו, כך שתוכל לראות בדיוק אילו בקשות הסתיימו לפני שהדף הפך לאינטראקטיבי.

מעבר לתרשים, הכלי מריץ שלושה כללי איתור על שדות שפורמט HAR כבר מתעד. הוא מסמן תגובות שניתנות למטמון (סטטוס 200, 203 או 206) שאינן נושאות כותרת Cache-Control או Expires, כלומר ביקור חוזר צריך להוריד אותן מחדש מאפס. הוא מסמן תגובות טקסטואליות - HTML, CSS, JavaScript, JSON, SVG וכדומה - הגדולות מ-1 KB שהוגשו ללא קידוד תוכן, הזדמנות דחיסה קלה שרוב השרתים יכולים להפעיל באמצעות שורת תצורה אחת. והוא מסמן בקשות CSS או JavaScript שהחלו לפני היסט DOMContentLoaded של הדף עצמו, החתימה הקלאסית של נכס חוסם רינדור.

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