Γιατί η ταχύτητα σελίδας είναι κρίσιμη; Πώς να δοκιμάσετε και να βελτιώσετε τη δική σας

Γιατί η ταχύτητα σελίδας είναι κρίσιμη;
Χρόνος διαβασματός: 6 πρακτικά

Οι περισσότεροι ιστότοποι χάνουν περίπου τους μισούς επισκέπτες λόγω της αργής ταχύτητας της σελίδας. Στην πραγματικότητα, η μέση επιτραπέζια ιστοσελίδα το ποσοστό εγκατάλειψης είναι 42%, το μέσο ποσοστό εγκατάλειψης της ιστοσελίδας για κινητά είναι 58% και το μέσο ποσοστό εγκατάλειψης της σελίδας προορισμού μετά από κλικ κυμαίνεται από 60 έως 90%. Όχι κολακευτικοί αριθμοί με κανένα τρόπο, ειδικά δεδομένου ότι η χρήση κινητής τηλεφωνίας συνεχίζει να αυξάνεται και γίνεται όλο και πιο δύσκολο με την ημέρα να προσελκύει και να διατηρεί την προσοχή των καταναλωτών.

Σύμφωνα με την Google, ο μέσος χρόνος φόρτωσης σελίδας για το κορυφαίες σελίδες προορισμούείναι ακόμα ένα αργή 12.8 δευτερόλεπτα. Αυτό περιλαμβάνει μέρη όπου η πρόσβαση στο Διαδίκτυο για κινητά είναι διαδεδομένη και οι ταχύτητες 4G είναι μερικές από τις υψηλότερες παγκοσμίως. 

Αυτή η μέση ταχύτητα σελίδας είναι πολύ μεγάλη, λαμβάνοντας υπόψη ότι το 53% των χρηστών εγκαταλείπουν τις σελίδες μετά από μόλις 3 δευτερόλεπτα - και επιδεινώνεται μόνο από εκεί:

Ταχύτητα σελίδας και ποσοστά εγκατάλειψης

Ποια είναι λοιπόν μια καλή ταχύτητα φόρτωσης σελίδας; Κοντά στη στιγμή

Ευτυχώς, υπάρχει μια λύση. Προτού φτάσουμε σε αυτό, ας ανακαλύψουμε περισσότερα σχετικά με τη σημασία της ταχύτητας της σελίδας.

Γιατί έχει σημασία η ταχύτητα της σελίδας

Το eMarketer το δείχνει αυτό το 2019 οι παγκόσμιες δαπάνες για ψηφιακές διαφημίσεις θα ξεπεράσουν τα 316 $ δισεκατομμύριο και φαίνεται να αυξάνεται μόνο για το άμεσο μέλλον:

Ψηφιακές δαπάνες διαφημίσεων από το 2017 έως το 2022

Είναι σαφές ότι οι επωνυμίες ξοδεύουν τεράστια ποσά σε διαφημίσεις και αναμένουν να αξιοποιήσουν στο έπακρο τον προϋπολογισμό τους. Όμως, όταν οι χρήστες κάνουν κλικ σε μια διαφήμιση - και το μετα-κλικ στη σελίδα προορισμού αποτυγχάνει να φορτώσει άμεσα - πιθανότατα να κάνουν κλικ πίσω μέσα σε λίγα δευτερόλεπτα και, κατά συνέπεια, ο προϋπολογισμός των διαφημιζόμενων χάνεται.

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

Δείκτες ποιότητας

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

Συντελεστές μετατροπής

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

Στο λιανικό εμπόριο, για παράδειγμα, ακόμη και ένα καθυστέρηση ενός δευτερολέπτου σε χρόνους φόρτωσης για κινητά μπορεί να επηρεαστεί τα ποσοστά μετατροπών έως και 20%.

Εμπειρία για κινητά

Στα μισά του 2016, χρήση ιστού για κινητά πέρασε την κυκλοφορία επιτραπέζιων υπολογιστών σε όγκο:

Το Mobile Overpasses Desktop Views Chart

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

Αυτό μας φέρνει στη # 1 λύση ταχύτητας σελίδας που αντιμετωπίζει κάθε ένα από αυτά τα ζητήματα.

Οι σελίδες προορισμού AMP αυξάνουν την ταχύτητα της σελίδας

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

Οι σελίδες AMP είναι ελκυστικές για τους διαφημιζόμενους, επειδή προσφέρουν σχεδόν στιγμιαίους χρόνους φόρτωσης, ενώ εξακολουθούν να υποστηρίζουν κάποια προσαρμοστικότητα στυλ και επωνυμίας. Επιτρέπουν ταχύτερη απόδοση σελίδας προορισμού μετά το κλικ, επειδή περιορίζουν HTML / CSS και JavaScript. Επίσης, σε αντίθεση με τις παραδοσιακές σελίδες για κινητά, οι σελίδες AMP αποθηκεύονται αυτόματα στην κρυφή μνήμη Google AMP για ταχύτερους χρόνους φόρτωσης στην αναζήτηση Google.

Ως ηγέτης στη βελτιστοποίηση μετά το κλικ, το Instapage προσφέρει τη δυνατότητα δημιουργίας σελίδων προορισμού μετά το κλικ χρησιμοποιώντας το πλαίσιο AMP:

Επιταχυνόμενες σελίδες για κινητά (AMP)

Με την Εργαλείο δημιουργίας Instapage AMP, οι έμποροι και οι διαφημιζόμενοι μπορούν:

  • Δημιουργήστε σελίδες προορισμού μετά το κλικ AMP απευθείας από την πλατφόρμα Instapage, χωρίς προγραμματιστή
  • Επικυρώστε, δοκιμάστε A / B και δημοσιεύστε σελίδες AMP στο WordPress ή σε έναν προσαρμοσμένο τομέα
  • Παρέχετε καλύτερες εμπειρίες για κινητά, αυξήστε τους Δείκτες ποιότητας και αυξήστε τις μετατροπές

Επιτάχυνση επικύρωσης σελίδας για κινητά AMP

Επικύρωση ταχείας σελίδας για κινητά (AMP)

Η επαναστατική εταιρεία ακουστικών βαρηκοΐας Eargo έχει δει απίστευτα αποτελέσματα από την εφαρμογή της AMP στην εμπειρία της μετά το κλικ:

Σελίδες προορισμού AMP από το Instapage

Σελίδες προορισμού AMP με Instapage

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

3 Άλλοι τρόποι βελτίωσης της ταχύτητας σελίδας

1. Αξιοποιήστε τα εργαλεία ταχύτητας σελίδας

PageSpeed ​​Insights είναι η δοκιμή ταχύτητας της Google που βαθμολογεί τη σελίδα σας από 0 έως 100 πόντους:

insights σελίδας

Η βαθμολογία βασίζεται σε δύο παραμέτρους:

  1. Χρόνος έως το πάνω μέρος της φόρτωσης (ο συνολικός χρόνος για μια σελίδα για την εμφάνιση περιεχομένου στο επάνω μέρος αφού ένας χρήστης ζητήσει μια νέα σελίδα)
  2. Χρόνος έως τη φόρτωση ολόκληρης της σελίδας (ο χρόνος που χρειάζεται ένα πρόγραμμα περιήγησης για την πλήρη απόδοση μιας σελίδας μετά από αίτηση ενός χρήστη)

Όσο υψηλότερη είναι η βαθμολογία σας, τόσο πιο βελτιστοποιημένη είναι η σελίδα σας. Κατά κανόνα, οτιδήποτε πάνω από το 85 δείχνει ότι η σελίδα σας έχει καλή απόδοση. Κάτω από 85 και θα πρέπει να δείτε τις προτάσεις που παρέχονται από την Google για να αυξήσετε τη βαθμολογία σας.

Το PageSpeed ​​Insights παρέχει αναφορές τόσο για τις εκδόσεις για υπολογιστές όσο και για κινητές συσκευές της σελίδας σας και προσφέρει επίσης προτάσεις για βελτιώσεις.

Σκεφτείτε με το Google: Δοκιμάστε τον ιστότοπό μου, που ξεκίνησε από την ομάδα του PageSpeed ​​Insights, ελέγχει μόνο τις ταχύτητες της σελίδας για κινητά, σε αντίθεση τόσο με το κινητό όσο και με την επιφάνεια εργασίας. Είναι ένας άλλος δείκτης του πόσο γρήγορα (ή αργά) φορτώνουν οι σελίδες σας:

σκεφτείτε με το google test τον ιστότοπό μου

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

2. Πλήρως βελτιστοποιημένες εικόνες (συμπίεση)

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

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

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

  • WebP: Φωτογραφικές και ημιδιαφανείς εικόνες
  • JPEG: Φωτογραφίες χωρίς διαφάνεια
  • PNG: Διαφανές φόντο
  • SVG: Επεκτάσιμα εικονίδια και σχήματα

Η Google συνιστά να ξεκινήσετε με το WebP επειδή επιτρέπει 30% περισσότερη συμπίεση από το JPEG, χωρίς απώλεια ποιότητας εικόνας.

3. Δώστε προτεραιότητα στο πάνω μέρος του περιεχομένου

Η βελτίωση της αντίληψης του χρήστη για την ταχύτητα του ιστότοπου είναι σχεδόν εξίσου σημαντική με τη βελτίωση της ίδιας της ταχύτητας του ιστότοπου. Γι 'αυτό μόλις βελτιστοποιηθούν οι εικόνες σας, πρέπει να βεβαιωθείτε ότι παραδίδονται την ακριβή στιγμή.

Σκεφτείτε το εξής: Σε μια κινητή συσκευή, το ορατό τμήμα του ιστότοπου περιορίζεται σε μια μικρή περιοχή, στο πάνω μέρος. Ως αποτέλεσμα, έχετε την ευκαιρία να φορτώσετε γρήγορα το περιεχόμενο σε αυτήν την περιοχή, ενώ τα υπόλοιπα στοιχεία στο κάτω μέρος κατεβάζουν στο παρασκήνιο.

Σημείωση: Αυτό που βοηθά να κάνετε το AMP μοναδικό είναι ότι διαθέτει ενσωματωμένη προτεραιότητα φόρτωση πόρων, διασφαλίζοντας ότι μόνο οι πιο σημαντικοί πόροι λαμβάνονται πρώτα.

Μπορεί να είναι μια πρόκληση να μειωθεί ο αριθμός των εικόνων σε έναν ιστότοπο - ειδικά για επωνυμίες λιανικής, για παράδειγμα, με πολλά προϊόντα - αλλά εξακολουθεί να είναι κρίσιμο να ελαχιστοποιηθεί τουλάχιστον ο αντίκτυπος των εικόνων στο χρόνο φόρτωσης με αυτές τις τρεις τακτικές. 

Αυξήστε την ταχύτητα της σελίδας σας με AMP

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

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

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.