Πως η ταχύτητα της ιστοσελίδας επηρεάζει τις πωλήσεις σας, Εμμανουήλ Πούρικας, 16ο WordPress Meetup Larissa

No matter what, faster is better!

Transcript

1. No matter what, faster is better! Πως η ταχύτητα της ιστοσελίδας επηρεάζει τις πωλήσεις σας Πούρικας Εμμανουήλ Co-Founder / Front end Developer www.readmore.gr
2. Γιατί η ταχύτητα είναι σημαντική • Η Google 2010 έχει δηλώσει πως η ταχύτητα ιστοσελίδας επηρεάζει την κατάταξη στα οργανικά αποτελέσματα • Το 40% των επισκεπτών θα εγκαταλείψει την ιστοσελίδα σας αν κάνει πάνω από 3 δευτερόλεπτα να ανοίξει • Μια γρήγορη ιστοσελίδα κάνει τους επισκέπτες χαρούμενους :)
3. Τι θα συνέβαινε σε ένα φυσικό κατάστημα • Ο πελάτης μπαίνει στο κατάστημά σας • Περιμένει… • Περιμένει… • Αρχίζει να δυσφορεί :( • Μόλις χάσατε την ευκαιρία για καλή πρώτη εντύπωση που θα μπορούσατε να κάνετε • Μόλις μειώσατε τις πιθανότητες ο πελάτης να ψωνίσει από σας
4. Η συνολική αγοραστική εμπειρία είναι σημαντική στο ηλεκτρονικό εμπόριο και όχι μόνο.
5. Πως η ταχύτητα ιστοσελίδας επηρεάζει τις πωλήσεις σας • Πωλήσεις δεν κάνουν μόνο τα ηλεκτρονικά καταστήματα • Πωλήσεις κάνουν όλες οι επαγγελματικές ιστοσελίδες • Είναι απίθανο κάποιος σοβαρός επαγγελματίας να επενδύσει στο internet χωρίς να έχει στόχο τις πωλήσεις
6. Το παράδειγμα του ηλεκτρονικού καταστήματος
7. • Ένα eshop κάνει τζίρο 100€ την ημέρα • Η αρχική σελίδα του φορτώνει σε 8 δευτερόλεπτα • Επιλέγω αυτό το φανταστικό - ή όχι - παράδειγμα γιατί κατά κανόνα οι αρχικές σελίδες των e-shops είναι αρκετά φορτωμένες • Αν αυτό το φανταστικό e-shop ρίξει τον χρόνο φόρτωσης στα 3 δευτερόλεπτα θα γίνουν τα εξής μαγικά πράγματα…
8. Το ακραίο σενάριο
9. Το φυσιολογικό σενάριο • Μείωση της πιθανότητας του bounce rate από 90% σε 32% (πηγή: www.thinkwithgoogle.com) • Αύξηση 70% στο χρόνο που θα περάσει ο επισκέπτης στο Eshop (πηγή: www.thinkwithgoogle.com) • Αύξηση 60% στις προβολές σελίδων – άρα και προϊόντων (πηγή: www.thinkwithgoogle.com) • Κατακόρυφη αύξηση της εμπιστοσύνης του επισκέπτη προς την ιστοσελίδα. 52% των αγοραστών θεωρούν την ταχύτητα ιστοσελίδας ως δείγμα αξιοπιστίας. (πηγή: econsultancy.com)
10. Όλα αυτά μεταφράζονται σε: • Πελάτες που περνούν περισσότερη ώρα στο E-shop • Ψάχνοντας • Εξερευνώντας • Συγκρίνοντας • και τελικά… ψωνίζοντας!
11. Με αριθμούς • Με μια τελείως συντηρητική – προσγειωμένη – ρεαλιστική πρόβλεψη • +10% αύξηση στις πωλήσεις τη μέρα • Αυτό σημαίνει +10€ τη μέρα στο ταμείο • Άρα +300€ το μήνα ή 3600€ το χρόνο!
12. 3600€ το έτος με μια “απλή” αύξηση της ταχύτητας
13. Πηγή: https://www.fastcompany.com/1825005/how-one-second- could-cost-amazon-16-billion-sales «Κάθε επιπλέον δευτερόλεπτο αναμονής του επισκέπτη, κοστίζει στην Amazon 1.6 δισεκατομμύρια σε πωλήσεις το χρόνο!»
14. Το παράδειγμα του πραγματικού ηλεκτρονικού καταστήματος Τι μπορεί να γίνει στην πραγματικότητα;
15. Τα δεδομένα πριν • Αρχική σελίδα η οποία φόρτωνε σε 9.6 δευτερόλεπτα κατά μέσο όρο • Από τη στιγμή που πατούσες προσθήκη στο καλάθι ήθελε περίπου 5-6 δευτερόλεπτα για να σε πάει στο… καλάθι. • Από το καλάθι για την ολοκλήρωση της παραγγελίας ήθελε άλλα 5-6 δευτερόλεπτα • Ναι, τα παραπάνω είναι πραγματικά και δυστυχώς είναι και πολύ συχνά σαν νούμερα
16. Τα δεδομένα μετά • Μείωση του χρόνου φόρτωσης της αρχικής σελίδας στα 3,2 δευτερόλεπτα (-66%) • Από τη στιγμή που πατήσεις προσθήκη στο καλάθι θέλει περίπου 1 δευτερόλεπτο για να σε πάει στο καλάθι (-82%) • Από το καλάθι για την ολοκλήρωση της παραγγελίας ήθελε άλλο 1 δευτερόλεπτο (-82%)
17. Τα αποτελέσματα σε βάθος 3μήνου (google analytics) • +37% αύξηση στις προβολές σελίδων • +42% αύξηση στις σελίδες ανά επισκέπτη • +32% αύξηση στη μέση διάρκεια παραμονής στο κατάστημα • -22% στο ποσοστό εγκατάλειψης των επισκεπτών
18. Μετάφραση! • Όλα αυτά μεταφράστηκαν σε… • 40% αύξηση στις παραγγελίες!
19. Πως η ταχύτητα ιστοσελίδας επηρεάζει τις διαφημίσεις σας στη Google
20. • Η Google, θέλει να έχει τους επισκέπτες της ευχαριστημένους. • Καλύτερες διαφημίσεις στη google μεταφράζονται αυτόματα σε περισσότερες πωλήσεις. • Κάθε λέξη κλειδί λαμβάνει μια βαθμολογία από το 1 έως το 10. Το γνωστό και ως Quality Score. • Όσο το quality score ανεβαίνει, τόσο ανεβαίνει και η θέση μας και τόσο μικραίνει το κόστος ανά κλικ. Αφού πληρώνω, τι σχέση έχει η ταχύτητα;
21. –Google «No matter what, faster is better and less is more.»
22. Πως να μετρήσετε την ταχύτητα ιστοσελίδας μόνοι σας
23. • gtmetrix.com • tools.pingdom.com • webpagetest.org
24. Tι μπορείτε να κάνετε για να βελτιώσετε την ταχύτητα ιστοσελίδας
25. • Μείνετε μακριά από φθηνά πακέτα φιλοξενίας • Δώστε μεγάλη προσοχή όταν ανεβάζετε φωτογραφίες (tinyjpg.com) • PNG ή Jpeg; Καλύτερα webp! 20% έως 35% καλύτερη συμπίεση. Περιορισμένη υποστήριξη. • Χρήση lazy loading σε περίπτωση που έχουμε πολλές φωτογραφίες • Αποφύγετε τα multipurpuse themes και templates • Χρήση cashing plugins (π.χ. WpRocket)
26. Ξεχάστε τα scores! Σημασία έχει η πραγματική εμπειρία του επισκέπτη
27. Τεχνολογία preloading • Instant.page H σελίδα προ-φορτώνει μόλις ο χρήστης κάνει hover πάνω σε κάποιον σύνδεσμο • Quicklink by Google Προ-φορτώνουν όλα τα links που είναι ορατά στο viewport του χρήστη • Και για τις δύο προσεγγίσεις υπάρχουν διαθέσιμα plugins στο WordPress repository
28. That’s all! thank you :)