No matter what, faster is better! Πως η ταχύτητα της ιστοσελίδας επηρεάζει τις πωλήσεις σας Πούρικας Εμμανουήλ Co-Founder / Front end Developer www.readmore.gr

Γιατί η ταχύτητα είναι σημαντική • Η Google 2010 έχει δηλώσει πως η ταχύτητα ιστοσελίδας επηρεάζει την κατάταξη στα οργανικά αποτελέσματα • Το 40% των επισκεπτών θα εγκαταλείψει την ιστοσελίδα σας αν κάνει πάνω από 3 δευτερόλεπτα να ανοίξει • Μια γρήγορη ιστοσελίδα κάνει τους επισκέπτες χαρούμενους :)

Τι θα συνέβαινε σε ένα φυσικό κατάστημα • Ο πελάτης μπαίνει στο κατάστημά σας • Περιμένει… • Περιμένει… • Αρχίζει να δυσφορεί :( • Μόλις χάσατε την ευκαιρία για καλή πρώτη εντύπωση που θα μπορούσατε να κάνετε • Μόλις μειώσατε τις πιθανότητες ο πελάτης να ψωνίσει από σας

Η συνολική αγοραστική εμπειρία είναι σημαντική στο ηλεκτρονικό εμπόριο και όχι μόνο.

Πως η ταχύτητα ιστοσελίδας επηρεάζει τις πωλήσεις σας • Πωλήσεις δεν κάνουν μόνο τα ηλεκτρονικά καταστήματα • Πωλήσεις κάνουν όλες οι επαγγελματικές ιστοσελίδες • Είναι απίθανο κάποιος σοβαρός επαγγελματίας να επενδύσει στο internet χωρίς να έχει στόχο τις πωλήσεις

Το παράδειγμα του ηλεκτρονικού καταστήματος

• Ένα eshop κάνει τζίρο 100€ την ημέρα • Η αρχική σελίδα του φορτώνει σε 8 δευτερόλεπτα • Επιλέγω αυτό το φανταστικό - ή όχι - παράδειγμα γιατί κατά κανόνα οι αρχικές σελίδες των e-shops είναι αρκετά φορτωμένες • Αν αυτό το φανταστικό e-shop ρίξει τον χρόνο φόρτωσης στα 3 δευτερόλεπτα θα γίνουν τα εξής μαγικά πράγματα…

Το ακραίο σενάριο

Το φυσιολογικό σενάριο • Μείωση της πιθανότητας του bounce rate από 90% σε 32% (πηγή: www.thinkwithgoogle.com) • Αύξηση 70% στο χρόνο που θα περάσει ο επισκέπτης στο Eshop (πηγή: www.thinkwithgoogle.com) • Αύξηση 60% στις προβολές σελίδων – άρα και προϊόντων (πηγή: www.thinkwithgoogle.com) • Κατακόρυφη αύξηση της εμπιστοσύνης του επισκέπτη προς την ιστοσελίδα. 52% των αγοραστών θεωρούν την ταχύτητα ιστοσελίδας ως δείγμα αξιοπιστίας. (πηγή: econsultancy.com)

Όλα αυτά μεταφράζονται σε: • Πελάτες που περνούν περισσότερη ώρα στο E-shop • Ψάχνοντας • Εξερευνώντας • Συγκρίνοντας • και τελικά… ψωνίζοντας!

Με αριθμούς • Με μια τελείως συντηρητική – προσγειωμένη – ρεαλιστική πρόβλεψη • +10% αύξηση στις πωλήσεις τη μέρα • Αυτό σημαίνει +10€ τη μέρα στο ταμείο • Άρα +300€ το μήνα ή 3600€ το χρόνο!

3600€ το έτος με μια “απλή” αύξηση της ταχύτητας

Πηγή: https://www.fastcompany.com/1825005/how-one-second- could-cost-amazon-16-billion-sales «Κάθε επιπλέον δευτερόλεπτο αναμονής του επισκέπτη, κοστίζει στην Amazon 1.6 δισεκατομμύρια σε πωλήσεις το χρόνο!»

Το παράδειγμα του πραγματικού ηλεκτρονικού καταστήματος Τι μπορεί να γίνει στην πραγματικότητα;

Τα δεδομένα πριν • Αρχική σελίδα η οποία φόρτωνε σε 9.6 δευτερόλεπτα κατά μέσο όρο • Από τη στιγμή που πατούσες προσθήκη στο καλάθι ήθελε περίπου 5-6 δευτερόλεπτα για να σε πάει στο… καλάθι. • Από το καλάθι για την ολοκλήρωση της παραγγελίας ήθελε άλλα 5-6 δευτερόλεπτα • Ναι, τα παραπάνω είναι πραγματικά και δυστυχώς είναι και πολύ συχνά σαν νούμερα

Τα δεδομένα μετά • Μείωση του χρόνου φόρτωσης της αρχικής σελίδας στα 3,2 δευτερόλεπτα (-66%) • Από τη στιγμή που πατήσεις προσθήκη στο καλάθι θέλει περίπου 1 δευτερόλεπτο για να σε πάει στο καλάθι (-82%) • Από το καλάθι για την ολοκλήρωση της παραγγελίας ήθελε άλλο 1 δευτερόλεπτο (-82%)

Τα αποτελέσματα σε βάθος 3μήνου (google analytics) • +37% αύξηση στις προβολές σελίδων • +42% αύξηση στις σελίδες ανά επισκέπτη • +32% αύξηση στη μέση διάρκεια παραμονής στο κατάστημα • -22% στο ποσοστό εγκατάλειψης των επισκεπτών

Μετάφραση! • Όλα αυτά μεταφράστηκαν σε… • 40% αύξηση στις παραγγελίες!

Πως η ταχύτητα ιστοσελίδας επηρεάζει τις διαφημίσεις σας στη Google

• Η Google, θέλει να έχει τους επισκέπτες της ευχαριστημένους. • Καλύτερες διαφημίσεις στη google μεταφράζονται αυτόματα σε περισσότερες πωλήσεις. • Κάθε λέξη κλειδί λαμβάνει μια βαθμολογία από το 1 έως το 10. Το γνωστό και ως Quality Score. • Όσο το quality score ανεβαίνει, τόσο ανεβαίνει και η θέση μας και τόσο μικραίνει το κόστος ανά κλικ. Αφού πληρώνω, τι σχέση έχει η ταχύτητα;

–Google «No matter what, faster is better and less is more.»

Πως να μετρήσετε την ταχύτητα ιστοσελίδας μόνοι σας

• gtmetrix.com • tools.pingdom.com • webpagetest.org

Tι μπορείτε να κάνετε για να βελτιώσετε την ταχύτητα ιστοσελίδας

• Μείνετε μακριά από φθηνά πακέτα φιλοξενίας • Δώστε μεγάλη προσοχή όταν ανεβάζετε φωτογραφίες (tinyjpg.com) • PNG ή Jpeg; Καλύτερα webp! 20% έως 35% καλύτερη συμπίεση. Περιορισμένη υποστήριξη. • Χρήση lazy loading σε περίπτωση που έχουμε πολλές φωτογραφίες • Αποφύγετε τα multipurpuse themes και templates • Χρήση cashing plugins (π.χ. WpRocket)

Ξεχάστε τα scores! Σημασία έχει η πραγματική εμπειρία του επισκέπτη

Τεχνολογία preloading • Instant.page H σελίδα προ-φορτώνει μόλις ο χρήστης κάνει hover πάνω σε κάποιον σύνδεσμο • Quicklink by Google Προ-φορτώνουν όλα τα links που είναι ορατά στο viewport του χρήστη • Και για τις δύο προσεγγίσεις υπάρχουν διαθέσιμα plugins στο WordPress repository

That’s all! thank you :)