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

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

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

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

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