Η ταχύτητα σελίδας είναι ένας παράγοντας μετατροπής που τα περισσότερα e-shop προσπερνούν. Δεν είναι πρόβλημα σχεδίασης, μάρκετινγκ ή προϊόντος. Είναι πρόβλημα υποδομής. Ο αντίκτυπος όμως είναι τόσο καθαρός όσο σε κάθε άλλο πρόβλημα μετατροπής. Κάθε καθυστέρηση μισού δευτερολέπτου στη φόρτωση μειώνει μετρήσιμα το ποσοστό μετατροπής, ιδίως στο κινητό, όπου οι άνθρωποι έχουν ήδη λιγότερη υπομονή και πιο αργή σύνδεση.
Πώς επηρεάζει η ταχύτητα σελίδας τη μετατροπή στο e-shop;
Η σχέση ανάμεσα στην ταχύτητα σελίδας και τη μετατροπή έχει τεκμηριωθεί από έρευνες της Google, μεγάλων online καταστημάτων και ανεξάρτητων μελετών. Μία καθυστέρηση ενός δευτερολέπτου στη φόρτωση οδηγεί σε μείωση των μετατροπών κατά επτά τοις εκατό. Μια καθυστέρηση πέντε δευτερολέπτων μπορεί να μειώσει τη μετατροπή κατά 40 τοις εκατό ή και περισσότερο. Στο κινητό η πτώση είναι ακόμα πιο απότομη, γιατί οι επισκέπτες έχουν πιο αργή σύνδεση και λιγότερη υπομονή.
Το αποτέλεσμα πολλαπλασιάζεται σε όλο το e-shop. Κάθε σελίδα που φορτώνει αργά είναι μια ευκαιρία να εκνευριστεί ο επισκέπτης και να φύγει. Η αρχική σελίδα, οι σελίδες προϊόντων, το ταμείο. Ένας επισκέπτης που περιμένει επτά δευτερόλεπτα για μια σελίδα προϊόντος είναι ήδη εκνευρισμένος πριν δει την εικόνα. Πολλοί θα κλείσουν την καρτέλα και θα ψάξουν το ίδιο προϊόν αλλού.
Η ταχύτητα σελίδας επηρεάζει και την κατάταξη στις μηχανές αναζήτησης. Η Google τη θεωρεί παράγοντα κατάταξης και για την αναζήτηση από υπολογιστή και για την αναζήτηση από κινητό. Ένα πιο αργό e-shop κατατάσσεται κάτω από πιο γρήγορους ανταγωνιστές για την ίδια λέξη-κλειδί. Άρα έχεις λιγότερες επισκέψεις εξαρχής. Η απώλεια μετατροπών από τις αργές σελίδες πολλαπλασιάζεται και στις άμεσες επισκέψεις και στην οργανική κίνηση.
Τι κάνει τα online καταστήματα να φορτώνουν αργά;
Τα περισσότερα αργά e-shop δεν είναι αργά επίτηδες. Γίνονται αργά με τον καιρό, καθώς προστίθενται εικόνες, μαζεύονται πρόσθετα ή η υποδομή του διακομιστή δεν είναι βελτιστοποιημένη. Αν καταλάβεις τα αίτια, ξέρεις τι να διορθώσεις πρώτο. Για το πώς κάθε στοιχείο του e-shop σου επηρεάζει την εμπειρία του επισκέπτη, δες πώς να σχεδιάσεις μια σελίδα ταμείου που μειώνει τις εγκαταλείψεις και πώς να κάνεις το online κατάστημά σου φιλικό προς το κινητό. Υπάρχουν πέντε βασικοί ένοχοι.
Υπερβολικά μεγάλες εικόνες
Οι εικόνες είναι συνήθως τα μεγαλύτερα αρχεία σε μια σελίδα προϊόντος. Μια φωτογραφία προϊόντος τριών megabyte αντί για τριακόσια kilobyte προσθέτει δευτερόλεπτα στη φόρτωση. Πολλά e-shop ανεβάζουν εικόνες σε πλήρη ανάλυση χωρίς να μικρύνουν το μέγεθος του αρχείου για το web. Η εικόνα φαίνεται καλή, αλλά φορτώνει διπλάσιο χρόνο από όσο χρειάζεται. Οι χρήστες κινητού υποφέρουν περισσότερο, γιατί η σύνδεσή τους είναι πιο αργή και η οθόνη τους μικρότερη, οπότε οι εικόνες υψηλής ανάλυσης πάνε χαμένες.
Μη βελτιστοποιημένος κώδικας και scripts
Όσο το e-shop προσθέτει λειτουργίες, κριτικές, widgets συνομιλίας, εργαλεία παρακολούθησης και pixels μάρκετινγκ, κάθε ένα φορτώνει ένα ακόμα script. Τα scripts μπλοκάρουν την εμφάνιση της σελίδας όσο φορτώνουν. Ένα e-shop με 15 scripts τρίτων μπορεί να χάσει δευτερόλεπτα μόνο για να τα φορτώσει πριν εμφανιστεί η σελίδα. Κάποια scripts είναι απαραίτητα. Πολλά δεν είναι, ή μπορούν να φορτώνουν αφού η σελίδα φανεί στον επισκέπτη.
Αργή φιλοξενία ή παράδοση περιεχομένου
Κάποιοι πάροχοι φιλοξενίας είναι πιο γρήγοροι από άλλους. Ένα e-shop σε παλιά υποδομή, που δεν αποθηκεύει προσωρινά τα στατικά αρχεία ή σερβίρει περιεχόμενο από μακρινούς διακομιστές, αργεί να απαντήσει στα αιτήματα σε σχέση με ένα σε σύγχρονη υποδομή με διακομιστές σε πολλές χώρες. Οι επισκέπτες σε διαφορετικές χώρες βλέπουν διαφορετική ταχύτητα, ανάλογα με το πόσο μακριά είναι ο διακομιστής.
Μη βελτιστοποιημένες απαντήσεις του διακομιστή
Ο χρόνος που χρειάζεται ο διακομιστής σου για να απαντήσει σε ένα αίτημα σελίδας εξαρτάται από το πόσο αποδοτικά επεξεργάζεται τα αιτήματα και χτίζει τις σελίδες. Βάσεις δεδομένων χωρίς σωστά ευρετήρια, σελίδες που τρέχουν σύνθετα ερωτήματα σε κάθε φόρτωση ή κώδικας διακομιστή χωρίς βελτιστοποίηση μπορούν να προσθέσουν ένα ολόκληρο δευτερόλεπτο ή και περισσότερο πριν αρχίσει να εμφανίζεται οποιοδήποτε περιεχόμενο. Αυτό φαίνεται λιγότερο από τη βελτιστοποίηση εικόνων, αλλά συχνά δίνει μεγάλα οφέλη.
Πόροι που μπλοκάρουν την εμφάνιση
Τα αρχεία CSS και JavaScript που μπλοκάρουν την εμφάνιση της σελίδας μπορούν να προσθέσουν δευτερόλεπτα μέχρι να φανεί η σελίδα στον επισκέπτη. Αν το e-shop σου φορτώνει αρχεία CSS ή JavaScript που πρέπει να επεξεργαστούν πριν εμφανιστεί οτιδήποτε, ο επισκέπτης βλέπει λευκή οθόνη μέχρι να τελειώσουν. Αν αλλάξεις ποιοι πόροι μπλοκάρουν και ποιοι φορτώνουν στο παρασκήνιο, η αντιληπτή ταχύτητα βελτιώνεται πολύ, ακόμα κι αν ο συνολικός χρόνος φόρτωσης μένει ίδιος.
Πώς μετράς την ταχύτητα σελίδας του e-shop σου;
Δεν μπορείς να βελτιώσεις αυτό που δεν μετράς. Ξεκίνα καταγράφοντας πόσο γρήγορα φορτώνει σήμερα το e-shop σου.
Google PageSpeed Insights
Το εργαλείο PageSpeed Insights της Google δίνει βαθμό ταχύτητας για κάθε URL και απαριθμεί τα συγκεκριμένα προβλήματα που εντοπίζει. Είναι δωρεάν και δεν χρειάζεται ρύθμιση. Πήγαινε στο pagespeed.web.dev, γράψε το URL σου και θα πάρεις βαθμούς για κινητό και υπολογιστή, με συγκεκριμένες προτάσεις βελτίωσης. Οι προτάσεις είναι ταξινομημένες με βάση τον εκτιμώμενο αντίκτυπο. Ξεκίνα από αυτές με τον μεγαλύτερο αντίκτυπο.
Εργαλείο ελέγχου ταχύτητας με αναλυτικά διαγράμματα
Υπάρχουν εργαλεία ελέγχου ταχύτητας που δείχνουν αναλυτικά διαγράμματα καταρράκτη. Βλέπεις ακριβώς ποιοι πόροι αργούν περισσότερο και πού γίνονται οι καθυστερήσεις. Σου επιτρέπουν να δοκιμάσεις από διαφορετικές γεωγραφικές τοποθεσίες, σε διαφορετικούς τύπους συσκευών και ταχύτητες δικτύου. Αυτό βοηθά να καταλάβεις αν η αργή ταχύτητα είναι γενική ή αφορά συγκεκριμένες περιοχές ή το κινητό σε σχέση με τον υπολογιστή.
Τα στατιστικά σου
Το εργαλείο στατιστικών σου πρέπει να δείχνει τον χρόνο φόρτωσης ανά σελίδα και ανά πηγή επισκεψιμότητας. Σύγκρινε τους χρόνους φόρτωσης στις βασικές σελίδες σου. Αν οι σελίδες προϊόντων φορτώνουν πολύ πιο αργά από την αρχική, υπάρχει συγκεκριμένο πρόβλημα να ψάξεις. Αν οι σελίδες στο κινητό είναι πιο αργές από του υπολογιστή, το πρόβλημα μάλλον είναι στις εικόνες ή στην εμφάνιση. Για έναν πλήρη οδηγό που εξηγεί τη συμπεριφορά των επισκεπτών μέσα από τα στατιστικά, δες πώς να χρησιμοποιείς τα στατιστικά για να καταλαβαίνεις πώς συμπεριφέρονται οι επισκέπτες στο e-shop σου.
Δοκίμασε σε πραγματικές συσκευές
Μην βασίζεσαι μόνο σε εργαλεία. Άνοιξε το e-shop σου σε ένα πραγματικό smartphone με κανονική σύνδεση 4G και δες πόσο αργούν οι σελίδες. Έτσι καταλαβαίνεις πώς νιώθει το e-shop ένας πραγματικός πελάτης. Τα εργαλεία μετρούν συγκεκριμένους δείκτες, αλλά η αίσθηση του χρήστη μετράει περισσότερο. Ένα e-shop που δίνει την αίσθηση ότι είναι άμεσο είναι πιο γρήγορο από ένα που βγάζει καλούς βαθμούς, αλλά εκνευρίζει τους χρήστες με καθυστερήσεις που τις νιώθουν.
Ποιες είναι οι πιο γρήγορες κινήσεις για να βελτιώσεις την ταχύτητα σελίδας;
Κάποιες βελτιώσεις θέλουν ώρες δουλειάς. Άλλες θέλουν λίγα λεπτά και δίνουν αμέσως μετρήσιμα αποτελέσματα.
Βελτιστοποίησε τις εικόνες
Η βελτιστοποίηση των εικόνων είναι συνήθως η βελτίωση με τον μεγαλύτερο αντίκτυπο και τη μικρότερη προσπάθεια. Χρησιμοποίησε ένα εργαλείο συμπίεσης εικόνων για να μικρύνεις το αρχείο χωρίς να χαθεί αισθητά η ποιότητα. Μια φωτογραφία προϊόντος 3MB συχνά συμπιέζεται στα 300KB χωρίς ορατή διαφορά. Συμπίεσε όλες τις εικόνες πριν τις ανεβάσεις, όχι μετά. Διάλεξε τη σωστή μορφή: JPEG για φωτογραφίες, PNG για εικόνες με διαφάνεια, WebP για μέγιστη συμπίεση στα σύγχρονα προγράμματα περιήγησης. Σερβίρισε διαφορετικά μεγέθη εικόνας σε διαφορετικές συσκευές. Ένα κινητό δεν χρειάζεται εικόνα 4000x4000 pixel. Για πιο αποτελεσματικές εικόνες προϊόντων που πάνε καλά και τεχνικά, δες πώς να σχεδιάσεις σελίδες προϊόντων που κάνουν τους ανθρώπους να αγοράζουν.
Αφαίρεσε πρόσθετα και scripts που δεν χρησιμοποιείς
Έλεγξε όλα τα scripts τρίτων που τρέχουν στο e-shop σου. Στατιστικά, συνομιλία, κριτικές, pixels μάρκετινγκ, widgets. Απενεργοποίησε όσα δεν βοηθούν ενεργά την επιχείρησή σου. Κάθε script προσθέτει βάρος και επιβραδύνει τη σελίδα. Αν δεν το χρησιμοποιείς, αφαίρεσέ το. Αν χρειάζεσαι πολλά εργαλεία, σκέψου να τα συγκεντρώσεις. Αντί για πέντε διαφορετικές υπηρεσίες με διαφορετικό σκοπό, μία πλατφόρμα που συνδυάζει πολλές λειτουργίες φορτώνει πιο γρήγορα από πέντε ξεχωριστές.
Ενεργοποίησε την προσωρινή αποθήκευση (caching)
Το caching αποθηκεύει τα στατικά αρχεία στο πρόγραμμα περιήγησης του επισκέπτη ή σε ενδιάμεσους διακομιστές, ώστε να μη χρειάζεται να κατεβαίνουν ξανά σε κάθε επίσκεψη. Το caching του προγράμματος περιήγησης γλιτώνει αρκετό χρόνο φόρτωσης στους επισκέπτες που επιστρέφουν. Το caching στον διακομιστή αποθηκεύει έτοιμες εκδόσεις των σελίδων σου, ώστε ο διακομιστής να μην ξαναχτίζει τη σελίδα από την αρχή σε κάθε αίτημα. Οι περισσότερες σύγχρονες πλατφόρμες φιλοξενίας υποστηρίζουν και τα δύο. Δες την τεκμηρίωση του παρόχου σου ή ζήτα του να το ενεργοποιήσει, αν δεν είναι ήδη ενεργό.
Μίκρυνε το CSS και το JavaScript
Το minification αφαιρεί τους περιττούς χαρακτήρες από τα αρχεία κώδικα χωρίς να αλλάζει τη λειτουργία τους. Ένα σωστά συμπιεσμένο αρχείο CSS ή JavaScript είναι 20-30 τοις εκατό μικρότερο από το αρχικό. Αν έχεις πρόσβαση στον κώδικα του e-shop σου, το minification είναι απλό. Αν όχι, ρώτα τον πάροχο φιλοξενίας ή τον προγραμματιστή σου αν είναι ήδη ενεργό. Σε κάθε σύγχρονη πλατφόρμα φιλοξενίας θα έπρεπε να είναι ενεργό από προεπιλογή.
Αναβάλε το JavaScript που δεν είναι κρίσιμο
Το JavaScript που δεν χρειάζεται αμέσως όταν φορτώνει η σελίδα μπορεί να περιμένει. Widgets συνομιλίας, στατιστικά, pixels μάρκετινγκ. Δεν χρειάζεται να φορτώσουν πριν εμφανιστεί η σελίδα στον επισκέπτη. Αν τα αφήσεις να φορτώσουν αφού φανεί η κύρια σελίδα, η αντιληπτή ταχύτητα βελτιώνεται σημαντικά. Η σελίδα φαίνεται γρήγορη ακόμα κι αν ο συνολικός χρόνος φόρτωσης μένει ίδιος, γιατί ο επισκέπτης βλέπει περιεχόμενο αμέσως, αντί να κοιτάζει λευκή οθόνη όσο φορτώνουν τα scripts.
Πόσο αργεί να φανούν τα αποτελέσματα από τις βελτιώσεις ταχύτητας;
Οι αλλαγές στην ταχύτητα σελίδας δίνουν άμεσα αποτελέσματα. Ένας επισκέπτης που θα μπει αύριο το πρωί στο e-shop σου θα δει την πιο γρήγορη σελίδα. Οι βελτιώσεις στη μετατροπή φαίνονται μέσα σε λίγες μέρες, αν η επισκεψιμότητά σου είναι αρκετή για μέτρηση, γιατί η αλλαγή επηρεάζει όλους τους επισκέπτες ταυτόχρονα.
Σε αντίθεση με τις δοκιμές A/B, δεν χρειάζεται να τρέξεις μια βελτίωση ταχύτητας ως δοκιμή. Αν το PageSpeed Insights εντοπίσει ένα πρόβλημα και το διορθώσεις, το e-shop σου γίνεται πιο γρήγορο. Μια πιο γρήγορη σελίδα δεν έχει αρνητικά. Κάθε επισκέπτης ωφελείται αμέσως.
Η μόνη επιφύλαξη είναι ότι η ταχύτητα είναι ένας παράγοντας ανάμεσα σε πολλούς που επηρεάζουν τη μετατροπή. Αν το e-shop σου έχει χαλασμένο ταμείο, μπερδεμένη σελίδα προϊόντος ή βασικά προβλήματα εμπιστοσύνης, η βελτιστοποίηση ταχύτητας από μόνη της δεν θα αλλάξει δραστικά το ποσοστό μετατροπής. Οι βελτιώσεις ταχύτητας δουλεύουν καλύτερα όταν είναι μέρος μιας ευρύτερης στρατηγικής βελτιστοποίησης μετατροπών. Για μια πλήρη εικόνα όλων των παραγόντων που επηρεάζουν το ποσοστό μετατροπής, δες τι είναι η βελτιστοποίηση ποσοστού μετατροπής και γιατί μετράει.
Μετράει η ταχύτητα σελίδας διαφορετικά στο κινητό και στον υπολογιστή;
Η ταχύτητα σελίδας μετράει περισσότερο στο κινητό παρά στον υπολογιστή. Οι επισκέπτες από κινητό έχουν πιο αργές συνδέσεις, συχνά βιάζονται και φεύγουν αμέσως αν η σελίδα δεν φορτώνει γρήγορα. Η διαφορά στον αντίκτυπο στη μετατροπή είναι μεγάλη. Ένα e-shop που μετατρέπει πέντε τοις εκατό στον υπολογιστή μπορεί να μετατρέπει δύο τοις εκατό στο κινητό, και η ταχύτητα εξηγεί μεγάλο μέρος αυτής της διαφοράς.
Οι επισκέπτες από κινητό είναι πιο ευαίσθητοι και στα μεγάλα αρχεία εικόνων. Μια εικόνα προϊόντος τριών megabyte που φορτώνει σε τρία δευτερόλεπτα σε σύνδεση υπολογιστή με καλό εύρος ζώνης μπορεί να χρειαστεί δέκα σε κινητό με 4G. Δοκίμασε το e-shop σου σε πραγματική συσκευή κινητού για να πάρεις ρεαλιστική εικόνα.
Ένα συγκεκριμένο πρόβλημα στο κινητό είναι ότι οι εικόνες που έχουν βελτιστοποιηθεί για υπολογιστή είναι συχνά πολύ μεγάλες για τις οθόνες κινητών. Αν σερβίρεις προσαρμοστικές εικόνες που αλλάζουν μέγεθος ανάλογα με την οθόνη, αντί να στέλνεις στο κινητό εικόνα μεγέθους υπολογιστή, μειώνεις το μέγεθος του αρχείου και τον χρόνο φόρτωσης.
Πώς συνδέεται η ταχύτητα σελίδας με τους άλλους παράγοντες μετατροπής;
Η ταχύτητα σελίδας δεν υπάρχει μόνη της. Δουλεύει μαζί με την εμπιστοσύνη, τη σχεδίαση, τις σελίδες προϊόντων και το ταμείο. Μια γρήγορη σελίδα με μπερδεμένη διάταξη χάνει πάλι επισκέπτες. Μια αργή σελίδα με όμορφη σχεδίαση τους χάνει πιο γρήγορα. Η σχέση είναι πολλαπλασιαστική, όχι αθροιστική.
Ένα e-shop που είναι γρήγορο, χτίζει εμπιστοσύνη και έχει καθαρή διαδρομή αγοράς μετατρέπει σημαντικά περισσότερο από ένα που είναι μόνο γρήγορο. Η βελτίωση της ταχύτητας γίνεται μέσα στο πλαίσιο όλων των άλλων παραγόντων. Γι' αυτό η βελτιστοποίηση μετατροπών είναι μια συστηματική διαδικασία και όχι μία διόρθωση. Για μια αναλυτική εικόνα του πώς οι δοκιμές A/B σε βοηθούν να βρεις τι κρατά πίσω το ποσοστό μετατροπής σου, δες πώς να κάνεις δοκιμές A/B στο online κατάστημά σου.
Το WEMASY και η ταχύτητα σελίδας
Στο σύστημα e-commerce του WEMASY φτιάχνεις δικές σου σελίδες στην ιστοσελίδα σου. Στα στατιστικά βλέπεις τις επισκέψεις στην ιστοσελίδα σου. Δες όλες τις δυνατότητες στα πακέτα τιμών.
Συχνές ερωτήσεις
Ποιος είναι ένας καλός χρόνος φόρτωσης για ένα e-shop;
Οι περισσότερες πηγές προτείνουν χρόνο φόρτωσης κάτω από δύο δευτερόλεπτα για την αρχική εμφάνιση της σελίδας και κάτω από τρία δευτερόλεπτα για την πλήρη φόρτωση με όλες τις εικόνες και τους πόρους. Κάτω από δύο δευτερόλεπτα έχεις γρήγορη εμπειρία που μειώνει τις εγκαταλείψεις. Ανάμεσα σε δύο και τέσσερα δευτερόλεπτα είναι αποδεκτό, αλλά έχει μετρήσιμο αντίκτυπο στη μετατροπή. Πάνω από τέσσερα είναι αργό και πρέπει να το διορθώσεις. Αυτές είναι κατευθυντήριες γραμμές, όχι αυστηροί κανόνες. Ένα e-shop που φορτώνει σε 1,5 δευτερόλεπτο μετατρέπει καλύτερα από ένα που φορτώνει σε 2,5, αν και τα δύο είναι εντός του αποδεκτού εύρους. Ο δημιουργός ιστοσελίδων του WEMASY σου επιτρέπει να φτιάξεις δικές σου σελίδες στην ιστοσελίδα σου.
Επηρεάζει η ταχύτητα σελίδας την οργανική κατάταξη στην αναζήτηση;
Ναι. Η Google θεωρεί ρητά την ταχύτητα σελίδας παράγοντα κατάταξης και για την αναζήτηση από υπολογιστή και για την αναζήτηση από κινητό. Αν όλα τα άλλα είναι ίσα, ένα πιο γρήγορο e-shop κατατάσσεται πάνω από ένα πιο αργό για την ίδια λέξη-κλειδί. Άρα η ταχύτητα σελίδας επηρεάζει το ποσοστό μετατροπής με δύο τρόπους: άμεσα, γιατί οι πιο γρήγορες σελίδες μετατρέπουν περισσότερους επισκέπτες, και έμμεσα, γιατί η υψηλότερη κατάταξη φέρνει περισσότερους επισκέπτες. Για μια πλήρη εικόνα της βελτιστοποίησης για μηχανές αναζήτησης στα e-shop, δες πώς να χτίσεις στρατηγική SEO για το online κατάστημά σου.
Μπορώ να βελτιώσω την ταχύτητα σελίδας χωρίς προγραμματιστή;
Πολλές βελτιώσεις με μεγάλο αντίκτυπο δεν θέλουν κώδικα. Η βελτιστοποίηση εικόνων, η αφαίρεση περιττών πρόσθετων και η ενεργοποίηση του caching γίνονται μέσα από τις περισσότερες πλατφόρμες. Κάποιες βελτιώσεις, όπως η αναβολή του JavaScript ή η αλλαγή των απαντήσεων του διακομιστή, μπορεί να θέλουν πρόσβαση ή γνώσεις προγραμματιστή. Αν το e-shop σου τρέχει σε μοντέρνα πλατφόρμα, πολλές από αυτές τις βελτιστοποιήσεις μπορεί να γίνονται ήδη. Αν έχεις e-shop φτιαγμένο ειδικά για σένα ή παλιότερη πλατφόρμα, ένας προγραμματιστής μπορεί να βρει γρήγορες κινήσεις και να τις εφαρμόσει.
Ποια είναι η διαφορά ανάμεσα στο first contentful paint και στον χρόνο φόρτωσης σελίδας;
Το first contentful paint είναι η στιγμή που εμφανίζεται στη σελίδα το πρώτο κομμάτι περιεχομένου (κείμενο, εικόνα κ.λπ.). Ο χρόνος φόρτωσης σελίδας είναι η στιγμή που έχουν τελειώσει να φορτώνουν όλοι οι βασικοί πόροι. Το first contentful paint γίνεται πρώτο και είναι αυτό που αντιλαμβάνεται ο επισκέπτης ως «πόσο γρήγορη μου φαίνεται αυτή η σελίδα;». Μια σελίδα με first contentful paint δύο δευτερολέπτων αλλά πλήρη φόρτωση οκτώ δευτερολέπτων φαίνεται γρήγορη στον επισκέπτη, γιατί το περιεχόμενο εμφανίζεται γρήγορα, ακόμα κι αν κάποιοι πόροι στο παρασκήνιο φορτώνουν ακόμα.
Να δώσω προτεραιότητα στην ταχύτητα σελίδας ή στη σχεδίαση;
Μετράνε και τα δύο, αλλά η ταχύτητα μετράει περισσότερο, γιατί μια όμορφη σελίδα που φορτώνει σε δέκα δευτερόλεπτα χάνει μετατροπές πιο γρήγορα από μια απλή που φορτώνει σε δύο. Η σωστή απάντηση είναι μια σελίδα γρήγορη και καλά σχεδιασμένη. Αν πρέπει να διαλέξεις, βάλε πρώτα την ταχύτητα. Μια γρήγορη, απλή σελίδα μετατρέπει καλύτερα από μια αργή και όμορφη. Μην δεχτείς όμως τη λάθος επιλογή. Τα σύγχρονα εργαλεία και οι πλατφόρμες σχεδίασης βγάζουν σελίδες και όμορφες και γρήγορες.