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

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

Ο καταρράκτης χτίζεται εξ ολοκλήρου από δεδομένα που υπάρχουν ήδη μέσα στο αρχείο: το αντικείμενο timings κάθε καταχώρισης αναλύει ένα αίτημα στις φάσεις blocked, DNS lookup, connect, SSL/TLS διαπραγμάτευση, send, wait (χρόνος μέχρι το πρώτο byte) και receive, και κάθε φάση σχεδιάζεται ως το δικό της έγχρωμο τμήμα. Σύμφωνα με το πρότυπο HAR, ο χρόνος SSL περιλαμβάνεται επίσης μέσα στο connect, οπότε αφαιρείται εξαρχής — διαφορετικά το τμήμα TLS θα υπολογιζόταν δύο φορές και τα πλάτη των μπαρών δεν θα αντιστοιχούσαν στην πραγματική διάρκεια του αιτήματος. Διακεκομμένες κάθετες ενδείξεις δείχνουν το DOMContentLoaded και το Load, που διαβάζονται απευθείας από τις χρονομετρήσεις σελίδας του ίδιου του αρχείου, ώστε να μπορείτε να δείτε ακριβώς ποια αιτήματα ολοκληρώθηκαν πριν η σελίδα γίνει διαδραστική.

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

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