Εξέλιξη Μετρικών Απόδοσης - Evolution of page performance metrics

Η μετρική "Evolution of page performance metrics" μας δείχνει πώς μεταβάλλονται με την πάροδο του χρόνου διάφορες μετρικές που σχετίζονται με την απόδοση φόρτωσης των σελίδων του συστήματος της βιβλιοθήκης μας. Αντί να μας δείχνει απλώς τις μετρικές σε μια συγκεκριμένη χρονική στιγμή, μας επιτρέπει να παρακολουθήσουμε την εξέλιξη της απόδοσης με την πάροδο των ημερών (ή άλλων χρονικών περιόδων που μπορούμε να προσδιορίσουμε εμείς). Στο γράφημα παρακάτω, βλέπουμε τις εξής μετρικές απόδοσης σελίδας να απεικονίζονται ως στοιβαγμένες στήλες (stacked bars) για κάθε ημέρα:

• Avg. redirect time (Μέσος χρόνος ανακατεύθυνσης): Ο μέσος χρόνος που χρειάζεται για τυχόν ανακατευθύνσεις (redirections) πριν φορτωθεί η τελική σελίδα. (πράσινο τμήμα στη στήλη)

• Avg. server time (Μέσος χρόνος διακομιστή): Ο μέσος χρόνος που χρειάζεται ο διακομιστής (server) για να απαντήσει στο αίτημα και να αρχίσει να στέλνει τη σελίδα στον browser του χρήστη. (πορτοκαλί τμήμα στη στήλη)

• Avg. transfer time (Μέσος χρόνος μεταφοράς): Ο μέσος χρόνος που χρειάζεται για να μεταφερθούν τα δεδομένα της σελίδας από τον διακομιστή στον browser του χρήστη (δηλαδή, το "κατέβασμα" της σελίδας). (κόκκινο τμήμα στη στήλη)

• Avg. DOM processing time (Μέσος χρόνος επεξεργασίας DOM): Ο μέσος χρόνος που χρειάζεται ο browser του χρήστη για να επεξεργαστεί τον HTML κώδικα της σελίδας και να δημιουργήσει το DOM (Document Object Model), δηλαδή το "δέντρο" των στοιχείων της σελίδας. (μωβ τμήμα στη στήλη)

• Avg. DOM completion time (Μέσος χρόνος ολοκλήρωσης DOM): Ο μέσος χρόνος για να ολοκληρωθεί η δημιουργία του DOM και η φόρτωση όλων των υπο-πόρων της σελίδας (όπως εικόνες, CSS, JavaScript). (σκούρο μπλε τμήμα στη στήλη)

• Avg. on load time (Μέσος χρόνος φόρτωσης): Ο συνολικός μέσος χρόνος από την αρχική αίτηση (request) μέχρι η σελίδα να είναι πλήρως φορτωμένη και έτοιμη για αλληλεπίδραση. Αυτή είναι η πιο σημαντική μετρική για την αντιλαμβανόμενη ταχύτητα φόρτωσης από τον χρήστη. (γκρι τμήμα στη κάθετη στήλη)

Οριζόντια στον άξονα Χ (κάτω) βλέπουμε τις ημέρες, και κάθε στήλη αντιστοιχεί σε μια ημέρα. Το ύψος κάθε τμήματος της στήλης αντιπροσωπεύει τη μέση τιμή της αντίστοιχης μετρικής για εκείνη την ημέρα. Ενώ, το συνολικό ύψος κάθε στήλης αντιστοιχεί στον "Avg. on load time" για εκείνη την ημέρα.

Πρακτικό Σενάριο Χρήσης: Η βιβλιοθήκη μπορεί να χρησιμοποιήσει το "Evolution of page performance metrics" για να παρακολουθεί την ταχύτητα και την απόκριση του συστήματός με την πάροδο του χρόνου και να εντοπίζει πιθανά προβλήματα απόδοσης. Για παράδειγμα, αν παρατηρήσουμε ξαφνική αύξηση στον "Avg. on load time" σε μια συγκεκριμένη ημέρα, μπορούμε να διερευνήσουμε αν υπήρξαν τεχνικά προβλήματα ή αυξημένη κίνηση που επηρέασαν την ταχύτητα φόρτωσης. Επίσης, μετά από αναβαθμίσεις ή αλλαγές στο σύστημά μας, μπορούμε να χρησιμοποιήσουμε αυτή τη μετρική για να αξιολογήσουμε αν οι αλλαγές βελτίωσαν ή επιδείνωσαν την απόδοση φόρτωσης σελίδων, και να διασφαλίσουμε μια γρήγορη και αποτελεσματική εμπειρία για τους χρήστες μας.