Αναλυτής καταρράκτη αρχείων HAR

Ένα αρχείο HAR (Αρχείο HTTP) είναι μια εξαγωγή JSON όλων των όσων καταγράφονται από τον πίνακα DevTools Network ενός προγράμματος περιήγησης κατά τη φόρτωση μιας σελίδας: κάθε κεφαλίδα αιτήματος και απάντησης, το ακριβές μέγεθος και τον τύπο MIME κάθε σώματος απόκρισης και μια ανάλυση χρονισμού ανά αίτημα. Μπορείτε να δημιουργήσετε ένα από Chrome, Firefox, Edge ή Safari ανοίγοντας τα Εργαλεία προγραμματισμού, φορτώνοντας ξανά τη σελίδα στην καρτέλα Δίκτυο και, στη συνέχεια, κάνοντας δεξί κλικ στη λίστα αιτημάτων και επιλέγοντας "Αποθήκευση όλων ως HAR με περιεχόμενο". Αυτό το εργαλείο διαβάζει απευθείας αυτό το εξαγόμενο αρχείο — τίποτα δεν ανακτάται ξανά ή ζητείται εκ νέου.

Το γράφημα καταρράκτη έχει δημιουργηθεί εξ ολοκλήρου από δεδομένα που βρίσκονται ήδη μέσα στο αρχείο: το αντικείμενο χρονισμού κάθε καταχώρισης χωρίζει ένα αίτημα σε φάσεις αποκλεισμού, αναζήτησης DNS, σύνδεσης, διαπραγμάτευσης SSL/TLS, αποστολής, αναμονής (χρόνος έως το πρώτο byte) και λήψης και κάθε φάση σχεδιάζεται ως το δικό της έγχρωμο τμήμα. Σύμφωνα με την προδιαγραφή HAR, ο χρόνος SSL περιλαμβάνεται επίσης στη σύνδεση, επομένως αφαιρείται πρώτα - διαφορετικά το τμήμα TLS θα μετράται δύο φορές και τα πλάτη των ράβδων δεν θα αθροίζονται πλέον στην πραγματική διάρκεια του αιτήματος. Οι διακεκομμένοι κάθετοι δείκτες δείχνουν DOMContentLoaded και Load, διαβάζονται απευθείας από τους χρονισμούς της σελίδας του ίδιου του αρχείου, ώστε να μπορείτε να δείτε ακριβώς ποια αιτήματα ολοκληρώθηκαν πριν η σελίδα γίνει διαδραστική.

Πέρα από το γράφημα, το εργαλείο εκτελεί τρεις κανόνες εύρεσης σε πεδία που καταγράφει ήδη η μορφή HAR. Επισημαίνει αποκρίσεις με δυνατότητα προσωρινής αποθήκευσης (κατάσταση 200, 203 ή 206) που δεν φέρουν ούτε κεφαλίδα Cache-Control ούτε Expires, που σημαίνει ότι μια επαναλαμβανόμενη επίσκεψη πρέπει να τις κατεβάσει ξανά από την αρχή. Επισημαίνει απαντήσεις κειμένου — HTML, CSS, JavaScript, JSON, SVG και παρόμοια — μεγαλύτερες από 1 KB που προβλήθηκαν χωρίς Κωδικοποίηση περιεχομένου, μια εύκολη ευκαιρία συμπίεσης που μπορούν να ενεργοποιήσουν οι περισσότεροι διακομιστές με μία γραμμή διαμόρφωσης. Και επισημαίνει αιτήματα CSS ή JavaScript που ξεκίνησαν πριν από τη μετατόπιση DOMContentLoaded της ίδιας της σελίδας, την κλασική υπογραφή ενός στοιχείου αποκλεισμού απόδοσης.

Όλα αυτά εκτελούνται σε δεδομένα που βρίσκονται ήδη στο αρχείο που ανεβάζετε — δεν υπάρχει πρόσβαση στο δίκτυο, δεν υπάρχει εξωτερική υπηρεσία αναζήτησης και δεν γίνεται εκ νέου ανάκτηση της αρχικής σελίδας. Το αρχείο HAR διαβάζεται, αναλύεται και αποδίδεται εξ ολοκλήρου στην καρτέλα του προγράμματος περιήγησής σας και δεν μεταφορτώνεται ποτέ πουθενά.