Τα δεδομένα απόδοσης έχουν αξία μόνο αν τα παρακολουθείς και ενεργείς. Ο πίνακας ελέγχου δείχνει την απόδοση στον χρόνο. Οι αναφορές μεταφέρουν τις τάσεις στην ομάδα και στη διοίκηση.
Χωρίς πίνακα: οι μετρήσεις απόδοσης γίνονται μία φορά. Η βελτίωση είναι άγνωστη. Η επιδείνωση είναι άγνωστη. Τα δεδομένα ξεχνιούνται.
Με πίνακα: η απόδοση μετριέται καθημερινά. Η βελτίωση φαίνεται. Η επιδείνωση στέλνει ειδοποίηση. Η ομάδα έχει ευθύνη.
Παράδειγμα: το LCP βελτιώνεται από τρία σε δύο δευτερόλεπτα μέσα σε τρεις μήνες. Ο πίνακας δείχνει την τάση βελτίωσης. Η ομάδα βλέπει ότι η δουλειά της μετράει. Η διοίκηση βλέπει ότι η επένδυση απέδωσε. Χτίζεται κουλτούρα απόδοσης.
Πώς χτίζεις πίνακα ελέγχου απόδοσης
Ο πίνακας δείχνει: LCP, CLS, INP, χρόνο φόρτωσης σελίδας, χρόνο απόκρισης διακομιστή, μέγεθος εικόνων, μέγεθος πακέτου JavaScript.
Ο πίνακας δείχνει: τρέχουσα τιμή, τιμή προηγούμενου μήνα, τάση (βελτίωση ή επιδείνωση).
Ο πίνακας δείχνει: ανά σελίδα (αρχική, προϊόν, ολοκλήρωση αγοράς). Κάθε σελίδα έχει άλλο προφίλ απόδοσης.
Ο πίνακας δείχνει: ανά συσκευή (κινητό, υπολογιστής). Το κινητό και ο υπολογιστής έχουν διαφορετική απόδοση.
Ο πίνακας δείχνει: ανά περιοχή (ΗΠΑ, Ευρώπη, Ασία-Ειρηνικός). Οι ταχύτητες δικτύου αλλάζουν ανάλογα με την τοποθεσία.
Παράδειγμα πραγματικού πίνακα:
- LCP αρχικής σελίδας: 1,5 δευτερόλεπτα (στόχος 2,5), τάση βελτίωσης
- LCP σελίδας προϊόντος: 2 δευτερόλεπτα (στόχος 2,5), τάση σταθερή
- LCP σελίδας ολοκλήρωσης αγοράς: 1,8 δευτερόλεπτα (στόχος 2), τάση επιδείνωσης (ειδοποίηση)
- Μέσο LCP κινητού: 2,2 δευτερόλεπτα (στόχος 3), τάση βελτίωσης
- Μέσο LCP υπολογιστή: 1,3 δευτερόλεπτα (στόχος 2), τάση βελτίωσης
Με μια ματιά ο πίνακας δείχνει: οι περισσότερες σελίδες είναι καλές, η σελίδα ολοκλήρωσης αγοράς χειροτερεύει (θέλει έλεγχο).
Συχνότητα και μορφή των αναφορών
Εβδομαδιαία αναφορά απόδοσης: στέλνεται με email στην ομάδα μηχανικών. Δείχνει τις μετρήσεις της περασμένης εβδομάδας. Τονίζει: τι βελτιώθηκε, τι χειροτέρεψε, τι θέλει προσοχή.
Μηνιαία αναφορά απόδοσης: στέλνεται με email στη διοίκηση. Δείχνει τις τάσεις του περασμένου μήνα. Τονίζει: απόδοση σε σχέση με τους στόχους, επίδραση στην επιχείρηση (έσοδα, μετατροπές).
Τριμηνιαία αναθεώρηση απόδοσης: παρουσίαση στην ανώτατη διοίκηση. Δείχνει την πορεία της απόδοσης. Τονίζει: βελτίωση σε σχέση με πέρυσι, θέση απέναντι στον ανταγωνισμό.
Παράδειγμα πραγματικής εβδομαδιαίας αναφοράς:
- Εβδομάδα 5 Μαΐου: μέσο LCP 1,8 δευτερόλεπτα (στόχος 2,5, καλό)
- Βελτίωση αυτής της εβδομάδας: η συμπίεση εικόνων μείωσε το LCP κατά 0,2 δευτερόλεπτα
- Επιδείνωση αυτής της εβδομάδας: μια νέα λειτουργία πρόσθεσε 50KB JavaScript και το LCP αυξήθηκε κατά 0,1 δευτερόλεπτα
- Επόμενη προτεραιότητα: βελτίωση του LCP στη σελίδα ολοκλήρωσης αγοράς (τώρα 2,2 δευτερόλεπτα, στόχος 2,0)
Παρακολούθηση απόδοσης σε σχέση με τους στόχους
Στόχος: LCP κάτω από 2,5 δευτερόλεπτα για το ενενήντα τοις εκατό των χρηστών.
Τώρα: ογδόντα πέντε τοις εκατό των χρηστών κάτω από 2,5 δευτερόλεπτα.
Διαφορά: πέντε τοις εκατό των χρηστών έχουν ακόμα αργό LCP.
Χρόνος μέχρι τον στόχο: δύο μήνες (με τον τωρινό ρυθμό βελτίωσης ένα τοις εκατό τον μήνα).
Ο πίνακας παρακολουθεί τη διαφορά από τον στόχο. Η ομάδα ξέρει την πρόοδο. Η ομάδα ξέρει την προθεσμία.
Πραγματικό παράδειγμα: στόχοι απόδοσης σε e-shop.
- Στόχος πρώτος: LCP αρχικής σελίδας κάτω από δύο δευτερόλεπτα μέχρι το τέλος του τριμήνου
- Τώρα: 2,3 δευτερόλεπτα
- Διαφορά: 0,3 δευτερόλεπτα
- Πρόοδος ανά μήνα: 0,1 δευτερόλεπτο (με βάση την προηγούμενη τάση)
- Στο σωστό δρόμο: ναι (θα φτάσει τον στόχο σε τρεις μήνες, το τρίμηνο έχει τρεις μήνες)
- Στόχος δεύτερος: άνοδος του ποσοστού μετατροπής στη σελίδα ολοκλήρωσης αγοράς από τη βελτίωση της ταχύτητας
- Αναμενόμενη άνοδος: ένα τοις εκατό (από έρευνα)
- Τωρινό ποσοστό μετατροπής: τρία τοις εκατό
- Στόχος ποσοστού μετατροπής: 3,03 τοις εκατό
- Βασικοί πελάτες: πεντακόσιοι (τρία τοις εκατό των εκατό χιλιάδων μηνιαίων επισκεπτών)
- Στόχος πελατών: πεντακόσιοι πενήντα (3,3 τοις εκατό)
- Αναμενόμενη άνοδος εσόδων: πενήντα χιλιάδες δολάρια τον μήνα
Πραγματικό παράδειγμα: πίνακας και αναφορές απόδοσης σε SaaS
Τωρινός πίνακας:
- LCP σελίδας προϊόντος: 1,5 δευτερόλεπτα (στόχος 2), κατάσταση πράσινη
- LCP σελίδας εγγραφής: 1,8 δευτερόλεπτα (στόχος 2), κατάσταση πράσινη
- LCP σελίδας ρυθμίσεων: 2,2 δευτερόλεπτα (στόχος 2), κατάσταση κίτρινη
- LCP σελίδας πίνακα ελέγχου: 2,1 δευτερόλεπτα (στόχος 2), κατάσταση κίτρινη
- Μέσο LCP κινητού: 2,3 δευτερόλεπτα (στόχος 3), κατάσταση πράσινη
- Μέσο LCP υπολογιστή: 1,5 δευτερόλεπτα (στόχος 2), κατάσταση πράσινη
- Χρόνος ολοκλήρωσης εγγραφής (προσαρμοσμένη μέτρηση): 2,5 δευτερόλεπτα (στόχος 2), κατάσταση κίτρινη
Αναφορά απόδοσης πρώτης εβδομάδας:
- Τρεις σελίδες είναι στον στόχο (πράσινη κατάσταση)
- Δύο σελίδες είναι πάνω από τον στόχο (κίτρινη κατάσταση)
- Ενέργεια: οι σελίδες ρυθμίσεων και πίνακα ελέγχου θέλουν βελτιστοποίηση
- Έλεγχος: η σελίδα ρυθμίσεων φορτώνει τις προτιμήσεις του χρήστη (αργό ερώτημα στη βάση δεδομένων), η σελίδα πίνακα ελέγχου φορτώνει δεδομένα στατιστικών (αργό API)
- Λύση: caching στις προτιμήσεις, προφόρτωση των δεδομένων στατιστικών
Δεύτερη εβδομάδα μετά τη βελτιστοποίηση:
- LCP σελίδας ρυθμίσεων: 1,9 δευτερόλεπτα (από 2,2), βελτίωση 0,3 δευτερόλεπτα
- LCP σελίδας πίνακα ελέγχου: 1,9 δευτερόλεπτα (από 2,1), βελτίωση 0,2 δευτερόλεπτα
- Χρόνος ολοκλήρωσης εγγραφής: 2 δευτερόλεπτα (από 2,5), βελτίωση 0,5 δευτερόλεπτα
- Όλες οι σελίδες είναι πλέον στον στόχο
Αναφορά δεύτερης εβδομάδας: όλες οι σελίδες στον στόχο. Οι στόχοι απόδοσης επετεύχθησαν.
Μηνιαία αναφορά προς τη διοίκηση:
- Ο μήνας ξεκίνησε με σαράντα τοις εκατό των σελίδων πάνω από τον στόχο
- Ο μήνας έκλεισε με μηδέν τοις εκατό των σελίδων πάνω από τον στόχο
- Αναμενόμενη βελτίωση ολοκλήρωσης εγγραφής: αύξηση πέντε τοις εκατό (από έρευνα)
- Τωρινός ρυθμός εγγραφών: χίλιες τον μήνα
- Αναμενόμενος νέος ρυθμός εγγραφών: χίλιες πενήντα τον μήνα
- Αναμενόμενοι νέοι πληρωμένοι πελάτες: πενήντα (με μετατροπή είκοσι τοις εκατό)
- Αναμενόμενα νέα έσοδα: πενήντα πελάτες επί πέντε χιλιάδες δολάρια διαχρονική αξία κάνει διακόσιες πενήντα χιλιάδες δολάρια
Πώς επικοινωνείς την απόδοση σε μη τεχνικούς
Οι τεχνικοί καταλαβαίνουν το LCP και το CLS. Οι μη τεχνικοί (CEO, οικονομικό, marketing) όχι.
Χρειάζεται ένα επίπεδο μετάφρασης:
- LCP δύο δευτερόλεπτα σημαίνει ότι η σελίδα εμφανίζεται γρήγορα (ο χρήστης βλέπει γρήγορα το περιεχόμενο)
- CLS 0,05 σημαίνει ότι η σελίδα είναι σταθερή (δεν πηδάει)
- INP 150 χιλιοστά του δευτερολέπτου σημαίνει ότι η σελίδα ανταποκρίνεται (τα κουμπιά απαντούν αμέσως)
Καλύτερη μετάφραση: σύνδεσε το με το αποτέλεσμα για την επιχείρηση.
- LCP δύο δευτερόλεπτα σημαίνει βελτίωση ενός τοις εκατό στο ποσοστό μετατροπής, δηλαδή πενήντα χιλιάδες δολάρια έσοδα τον μήνα
- CLS 0,05 σημαίνει αύξηση δύο τοις εκατό στη συμμετοχή, δηλαδή δέκα χιλιάδες δολάρια τον μήνα
- INP 150 χιλιοστά του δευτερολέπτου σημαίνει αύξηση τρία τοις εκατό στην ικανοποίηση χρηστών, δηλαδή δύο χιλιάδες επιπλέον χρήστες που επιστρέφουν κάθε εβδομάδα
Οι μη τεχνικοί καταλαβαίνουν τα έσοδα και την επίδραση στους χρήστες.
Συχνές ερωτήσεις
Να δείχνουμε δημόσια τις μετρήσεις απόδοσης;
Ναι, για ανταγωνιστικό πλεονέκτημα. Αν η απόδοσή σου είναι από τις καλύτερες, δημοσίευσε τις μετρήσεις. Οι χρήστες νοιάζονται για την ταχύτητα. Αν οι μετρήσεις δείχνουν ότι είσαι πιο γρήγορος από τον ανταγωνισμό, οι χρήστες θα σε διαλέξουν. Αν όμως δείχνουν ότι είσαι πιο αργός, περίμενε να βελτιωθείς πριν δημοσιεύσεις. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Πώς αντιμετωπίζουμε απότομες αλλαγές ή ανωμαλίες στην απόδοση;
Έλεγξε αμέσως. Μια απότομη αλλαγή μπορεί να δείχνει: πρόβλημα υποδομής, κορύφωση επισκεψιμότητας, νέα έκδοση κώδικα. Βρες τη βασική αιτία. Αν το πρόβλημα επιμένει, η σελίδα θέλει βελτιστοποίηση. Αν ήταν μία φορά, δεν χρειάζεται ενέργεια. Οι τάσεις στον πίνακα στον χρόνο δείχνουν τα προβλήματα που επιμένουν.
Να βάζουμε διαφορετικούς στόχους απόδοσης για διαφορετικές σελίδες;
Ναι. Η αρχική είναι η πιο σημαντική (φέρνει επισκεψιμότητα, επηρεάζει το SEO). Στόχος αρχικής: LCP κάτω από δύο δευτερόλεπτα. Η σελίδα προϊόντος είναι σημαντική αλλά δευτερεύουσα. Στόχος σελίδας προϊόντος: LCP κάτω από 2,5 δευτερόλεπτα. Η σελίδα διαχείρισης είναι εσωτερική. Στόχος σελίδας διαχείρισης: LCP κάτω από τέσσερα δευτερόλεπτα. Οι στόχοι δείχνουν τη σημασία.
Πώς εμποδίζουμε την ομάδα να παίζει με τις μετρήσεις απόδοσης;
Μέτρα μετρήσεις πραγματικών χρηστών, όχι μόνο δοκιμές εργαστηρίου. Οι δοκιμές εργαστηρίου μπορούν να παραποιηθούν (δοκιμή σε γρήγορο δίκτυο, σε γρήγορη συσκευή). Οι μετρήσεις πραγματικών χρηστών (RUM) δείχνουν την πραγματική εμπειρία. Στήσε ειδοποίηση αν το εργαστήριο και το RUM αποκλίνουν. Έλεγξε τη διαφορά.
Κάθε πότε είναι καλύτερο να βλέπουμε τις αναφορές απόδοσης;
Εβδομαδιαία ματιά από τους μηχανικούς. Μηνιαία από τη διοίκηση. Τριμηνιαία από την ανώτατη διοίκηση. Η εβδομαδιαία πιάνει γρήγορα τις επιδεινώσεις. Η μηνιαία δείχνει τάσεις. Η τριμηνιαία δείχνει τη στρατηγική πρόοδο. Συχνότερα είναι καλύτερο για να πιάνεις προβλήματα, πιο αραιά είναι καλύτερο για να βλέπεις τάσεις.
Πώς συνδέουμε τις βελτιώσεις απόδοσης με το αποτέλεσμα για την επιχείρηση;
Μέτρησε πριν και μετά. Αρχική κατάσταση: LCP τρία δευτερόλεπτα, ποσοστό μετατροπής δύο τοις εκατό. Βελτίωση: LCP 1,5 δευτερόλεπτα. Νέο ποσοστό μετατροπής: 2,1 τοις εκατό. Επίδραση: βελτίωση 0,1 τοις εκατό σε εκατό χιλιάδες μηνιαίους επισκέπτες κάνει εκατό επιπλέον μετατροπές. Με αξία παραγγελίας εκατό δολάρια, είναι δέκα χιλιάδες δολάρια τον μήνα. Εκατόν είκοσι χιλιάδες δολάρια τον χρόνο. Υπολόγισε απευθείας την επίδραση στην επιχείρηση.