Κοινή χρήση τεχνολογίας

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Το να κρατάτε τους πελάτες ευχαριστημένους είναι το μυστικό της επιτυχίας στο λιανικό εμπόριο. Η παροχή μιας γρήγορης, συνεπούς διαδικτυακής εμπειρίας έχει αποδειχθεί ότι βελτιώνει σημαντικά κάθε μέτρηση που ενδιαφέρει τους λιανοπωλητές—από τα ποσοστά μετατροπών και τα έσοδα μέχρι τη διατήρηση και την αναγνωρισιμότητα της επωνυμίας.

Περίληψη αυτού του άρθρου:

• Η ταχύτητα σελίδας επηρεάζει τα δεδομένα των επιχειρήσεων λιανικής στο διαδίκτυο

• Πώς να συγκρίνετε την ταχύτητα του ιστότοπού σας με τους ανταγωνιστές σας

• Ξεκινήστε με τη Βελτιστοποίηση απόδοσης: Αναλύστε τι επιβραδύνει τις σελίδες σας, από εικόνες και τρίτα μέρη μέχρι φύλλα στυλ και προσαρμοσμένες γραμματοσειρές, και τι μπορείτε να κάνετε για αυτό

Η ταχύτητα σελίδας επηρεάζει τα δεδομένα των επιχειρήσεων λιανικής στο διαδίκτυο

Για τους περισσότερους διαδικτυακούς λιανοπωλητές, η ταχύτητα σελίδας έχει μετρήσιμο αντίκτυπο στα κέρδη. Ακόμη και μικρές βελτιώσεις μπορούν να βελτιώσουν σημαντικά τις μετρήσεις όπως τα ποσοστά μετατροπών.για παράδειγμα

Πώς να αναλύσετε τη σχέση μεταξύ της απόδοσης του ιστότοπου και των δεδομένων μετατροπών επιχειρήσεων

Τι γίνεται όμως με τον ιστότοπό σας; Για να κατανοήσετε τον αντίκτυπο των βελτιώσεων της ταχύτητας σελίδας στον δικό σας ιστότοπο, πρέπει να εξετάσετε τα δικά σας δεδομένα παρακολούθησης πραγματικού χρήστη (RUM).Διάγραμμα συσχέτισης είναι ένας πολύ καλός τρόπος για να μεταδώσετε την απόδοση σε όλους στην επιχείρησή σας. Μπορείτε να χρησιμοποιήσετε το RUM για να δημιουργήσετε αυτές τις απεικονίσεις που επιτρέπουν ακόμη και στους πιο μη τεχνικούς ενδιαφερόμενους να δουν εύκολα πώς η απόδοση συσχετίζεται με την αφοσίωση των χρηστών και τις επιχειρηματικές μετρήσεις, όπως το ποσοστό εγκατάλειψης και το ποσοστό μετατροπών.

Το γράφημα συσχέτισης σάς παρέχει μια προβολή ιστογράμματος όλης της επισκεψιμότητας των χρηστών, χωρισμένη σε διαφορετικές ομάδες με βάση μετρήσεις απόδοσης, όπως η απόδοση έναρξης, η μέγιστη κλήρωση περιεχομένου και ο αριθμός των αλληλεπιδράσεων μέχρι την επόμενη κλήρωση. Το γράφημα περιλαμβάνει μια επικάλυψη που εμφανίζει μετρήσεις αφοσίωσης χρήστη ή μετρήσεις επιχειρήσεων (όπως ποσοστό εγκατάλειψης ή ποσοστό μετατροπών) που σχετίζονται με κάθε ομάδα. Με αυτόν τον τρόπο μπορείτε να δείτε τη σχέση μεταξύ της απόδοσης, της αφοσίωσης των χρηστών και της επιχείρησής σας με μια ματιά.

Όπως μπορείτε να δείτε σε αυτό το γράφημα συσχέτισης, σε έναν μέγιστο χρόνο λήψεως περιεχομένου (LCP) 1,1 δευτερολέπτων, το ποσοστό μετατροπής κορυφώνεται λίγο περισσότερο από 6%. Καθώς το LCP επιβραδύνεται, το ποσοστό μετατροπής πέφτει γρήγορα και πέφτει κάτω από το 3% σε 2 δευτερόλεπτα. Όπως φαίνεται από τα παραπάνω, η βελτιστοποίηση της απόδοσης του ιστότοπου για τη μείωση του χρόνου LCP μπορεί να οδηγήσει σε υψηλότερες συνολικές μετατροπές και περισσότερα έσοδα.

Πώς συγκρίνεται ο ιστότοπός σας με τους ανταγωνιστές σας;

Με SpeedCurve Συνθετικός Όπως το Comprehensive Performance Monitoring, μπορείτε να εκτελέσετε μια δοκιμή ταχύτητας σελίδας σε οποιονδήποτε άλλο ιστότοπο, όπως θα κάνατε μόνοι σας. Αυτό σημαίνει ότι λαμβάνετε όλα τα ίδια, πλούσια, εξαιρετικά δεδομένα, στιγμιότυπα οθόνης και διαφάνειες για σύγκριση.

Τα δικα σουΑνταγωνιστική συγκριτική αξιολόγηση Ο πίνακας εργαλείων σάς επιτρέπει επίσης να μελετήσετε και να εστιάσετε σε πράγματα όπως η δημιουργία σελίδων. Αυτή η σελίδα αποδίδεται δύο φορές πιο γρήγορα από τη δική σας...τι έκαναν διαφορετικά; Έχουν περισσότερη JavaScript; πιο λιγο; Έκανες 400 αιτήματα και έκαναν μόνο 80; Εδώ είναι το μέρος για να μάθετε.

Σημεία αναφοράς ταχύτητας σελίδας είναι ένας δημόσιος πίνακας εργαλείων που σας δείχνει ένα στιγμιότυπο της τρέχουσας απόδοσης κορυφαίων εμπόρων λιανικής στις ΗΠΑ, την ΕΕ, το Ηνωμένο Βασίλειο και την Ιαπωνία.

Ξεκινώντας με τη Βελτιστοποίηση Απόδοσης

Για να προσφέρετε μια εξαιρετική, γρήγορη διαδικτυακή εμπειρία, ξεκινήστε κάνοντας δύο ερωτήσεις:

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

• Τι μπορώ να κάνω;

Τα καλά νέα είναι ότι τα περισσότερα από τα ζητήματα που επιβραδύνουν τη σελίδα αγοραστή συμβαίνουν στη σελίδα σας, πράγμα που σημαίνει ότι μπορείτε να τα ελέγξετε. Ακολουθεί μια επισκόπηση των πιο συνηθισμένων προβλημάτων απόδοσης σε ιστότοπους λιανικής και πώς να τα παρακολουθείτε και να τα διορθώνετε.

Τι προκαλεί την επιβράδυνση της ιστοσελίδας σας; Η συντριπτική πλειονότητα των προβλημάτων απόδοσης προκαλείται από τέσσερις λόγους:

• Τρίτα μέρη όπως ιχνηλάτες και αναλυτές

• φύλλο στυλ

• Προσαρμοσμένη γραμματοσειρά

• Μέγεθος σελίδας, ειδικά μέγεθος εικόνας

σενάριο τρίτου μέρους

Σήμερα, μια τυπική ιστοσελίδα λιανικής μπορεί να περιέχει έως και 75 σενάρια τρίτων, όπως trackers και beacons αναλυτικών στοιχείων.

Τα τρίτα μέρη προσθέτουν μεγάλη αξία αυξάνοντας τις μετατροπές (μέσω φάρους τοποθεσίας) και βοηθώντας σας να κατανοήσετε τους χρήστες σας όπως ποτέ πριν (μέσω ετικετών αναλυτικών στοιχείων), ώστε να μην απομακρυνθούν σύντομα. Αλλά μπορούν να επηρεάσουν σημαντικά τον τρόπο απόδοσης της σελίδας σας (ή ακόμα και αν αποδίδεται καθόλου!).

Τι μπορείτε να κάνετε: Παρακολουθήστε την απόδοση τρίτων

Ξεκινήστε ακολουθώντας μια προληπτική προσέγγιση για την κατανόηση τυχόν πιθανής βλάβης στην απόδοση που μπορεί να προκαλέσουν τρίτα μέρη.

Δεν μπορείς να διορθώσεις ό,τι δεν μετριέται.Αυτό δημιουργούμε στο SpeedCurveΕιδικοί πίνακες εργαλείων τρίτων κατασκευαστώνλόγους ώστε να μπορείτε να δείτε με μια ματιά την απόδοση τρίτων, να παρακολουθείτε μεμονωμένα σενάρια καιΟρίστε έναν προϋπολογισμό απόδοσης.

Αφού κατανοήσετε την απόδοση των σεναρίων τρίτων κατασκευαστών σας, μπορείτε να χρησιμοποιήσετε δεδομένα ιστορικού για να αναπτύξετε ένα SLA με τον προμηθευτή.

μελέτη περίπτωσης: Η M&S φέρνει επανάσταση στην απόδοση εστιάζοντας σε περιεχόμενο τρίτων

Μέγεθος εικόνας και σελίδας

Ενώ το μέγεθος της σελίδας δεν συσχετίζεται πάντα με μια πιο αργή εμπειρία χρήστη, συχνά συσχετίζεται. Οι μεγάλες εικόνες που δεν έχουν βελτιστοποιηθεί είναι συχνά ο ένοχος.

Εκτός από τη βελτιστοποίηση των εικόνων σας (για να διασφαλίσετε ότι δεν θα προβάλλετε 1 MB πόρων στους χρήστες σας!), θα πρέπει επίσης να βεβαιωθείτε ότι οι πιο σημαντικές εικόνες σας (όπως η εικόνα του κύριου προϊόντος σας) αποδίδονται όσο το δυνατόν νωρίτερα.

Τι μπορείτε να κάνετε: Δημιουργήστε έναν προϋπολογισμό απόδοσης για μετρήσεις που σχετίζονται με την εικόνα

Οι προϋπολογισμοί απόδοσης και οι ειδοποιήσεις είναι ένας πολύ καλός τρόπος αντιμετώπισης της υποβάθμισης της απόδοσης . Ο προϋπολογισμός απόδοσης ξεκινά όταν η ομάδα σας (όλοι: έμποροι, σχεδιαστές και προγραμματιστές) συμφωνούν στις αρχές για την εμπειρία χρήστη και την ταχύτητα του ιστότοπου. Πρώτα, πρέπει να αποφασίσετε ποιες μετρήσεις θέλετε να παρακολουθήσετε και, στη συνέχεια, να ορίσετε όρια με βάση την προηγούμενη απόδοση.

Για τις εικόνες, ακολουθούν ορισμένες μετρήσεις που πρέπει να λάβετε υπόψη:

• Μέγιστο σχέδιο περιεχομένου – Αυτό είναι το μέγεθος του μεγαλύτερου οπτικού στοιχείου (εικόνα ή βίντεο) στη θύρα προβολής. Το LCP προέρχεται από την GoogleΜετρήσεις βασικού δικτύουΠρώτον, είναι ένα σύνολο μετρήσεων για τον αλγόριθμο κατάταξης αναζήτησης της Google, επομένως είναι καλή ιδέα να το παρακολουθείτε.

• Μέγεθος εικόνας – Το συνολικό μέγεθος όλων των εικόνων στη σελίδα. Αυτός είναι ένας πολύ καλός τρόπος για να δείτε με μια ματιά εάν έχουν προστεθεί μεγάλες, μη βελτιστοποιημένες εικόνες στη σελίδα σας.

• Αιτήματα εικόνας – Ο συνολικός αριθμός εικόνων στη σελίδα.

μελέτη περίπτωσης: Πώς το Zillow έγινε μεγαλύτερο, πιο γρήγορο και πιο ελκυστικό με περιορισμένο προϋπολογισμό

φύλλο στυλ

Τα φύλλα στυλ είναι ένα όφελος για τον σύγχρονο ιστό. Επιλύουν ένα ευρύ φάσμα προβλημάτων σχεδιασμού, από τη συμβατότητα του προγράμματος περιήγησης έως τη συντήρηση του σχεδιασμού και τις ενημερώσεις. Χωρίς φύλλα στυλ, δεν θα είχαμε υπέροχα πράγματα όπως ο σχεδιασμός με απόκριση.

Ωστόσο, τα φύλλα στυλ που δεν έχουν εκτελεστεί σωστά μπορεί να προκαλέσουν πολλά προβλήματα απόδοσης. Αυτά τα ζητήματα περιλαμβάνουν το CSS που παίρνει πολύ χρόνο για τη λήψη και την ανάλυση και τα φύλλα στυλ που δεν είναι σωστά τοποθετημένα, εμποδίζουν την απόδοση της υπόλοιπης σελίδας.

Τι μπορείτε να κάνετε: Μάθετε ποια φύλλα στυλ μπορεί να εμποδίζουν την απόδοση της σελίδας σας

Και πάλι, δεν μπορείτε να διορθώσετε αυτό που δεν μετράτε. Το ολοκληρωμένο εργαλείο παρακολούθησης μπορεί να σας πει:

• Πόσα φύλλα στυλ υπάρχουν στη σελίδα μου και πόσα από αυτά εμποδίζουν την απόδοση της σελίδας;

• Αυτός ο αριθμός ανέβηκε ή μειώθηκε;

• Πόσο μεγάλα είναι τα αιτήματα CSS;

• Πώς θα συμπεριφέρεται το φύλλο στυλ για κάθε ένα από τα τρίτα μέρη μου;

Προσαρμοσμένη γραμματοσειρά

Οι προσαρμοσμένες γραμματοσειρές δίνουν στους σχεδιαστές άνευ προηγουμένου έλεγχο στις γραμματοσειρές που χρησιμοποιούνται στα σχέδιά τους. Αυτή η επιθυμία για έλεγχο είναι ο λόγος που οι προσαρμοσμένες γραμματοσειρές έχουν αυξηθεί σε δημοτικότητα. Αλλά πίσω από αυτή τη δημοτικότητα κρύβεται μια τιμή απόδοσης.

Ορισμένες γραμματοσειρές απαιτούν πολύ κώδικα CSS, ενώ άλλες απαιτούν πολύ JavaScript ή εξωτερική φιλοξενία - όλα αυτά μπορούν να επιβραδύνουν σημαντικά την απόδοση της σελίδας.

Τι μπορείτε να κάνετε: Παρακολουθήστε το μέγεθος της γραμματοσειράς και την ταχύτητα απόδοσης

Εκτός από την παρακολούθηση του μεγέθους γραμματοσειράς και του αριθμού των αιτημάτων, μπορείτε επίσης να χρησιμοποιήσετε το SpeedCurve για να μετρήσετε πότε έχει ολοκληρωθεί η απόδοση του πρώτου στοιχείου H1. (Στο SpeedCurve, ονομάζουμε αυτόν τον δείκτη Hero H1. Είναι τα τρίαΧρόνος απόδοσης ήρωα ένας. ) Εάν ο ιστότοπός σας χρησιμοποιεί προσαρμοσμένες γραμματοσειρές, αυτές οι γραμματοσειρές πιθανότατα θα εφαρμοστούν στο αντίγραφο H1, καθιστώντας αυτήν τη μέτρηση έναν αποτελεσματικό τρόπο μέτρησης της ταχύτητας απόδοσης προσαρμοσμένων γραμματοσειρών.

Όπως όλες οι άλλες μετρήσεις που παρακολουθούμε για εσάς, μπορείτεΔημιουργήστε προϋπολογισμούς απόδοσης και λάβετε ειδοποιήσεις όταν υπερβαίνουν τα όρια.

μελέτη περίπτωσης: Το NerdWallet χρησιμοποιεί μετρήσεις H1 Render για να αυξήσει την ταχύτητα φόρτωσης γραμματοσειρών κατά 30%