Πώς να μειώσετε το χρόνο φόρτωσης της σελίδας του ιστότοπού σας

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

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

Εδώ είναι 9 θανατηφόρα λάθη που αυξάνουν το χρόνο φόρτωσης της σελίδας σας:

1. Χωρίς προσωρινή αποθήκευση - βεβαιωθείτε ότι ο ιστότοπός σας χρησιμοποιεί το Caching για να αυξήσει την ταχύτητα. Τα σύγχρονα συστήματα διαχείρισης περιεχομένου αποθηκεύουν περιεχόμενο σε μια βάση δεδομένων και το συγχωνεύουν με πρότυπα σχεδίασης για την παραγωγή της σελίδας που εξάγεται. Το αίτημα και η δημοσίευση της βάσης δεδομένων είναι δαπανηρά, οπότε οι μηχανές προσωρινής αποθήκευσης εξοικονομούν την έξοδο για ένα κανονικό χρονικό διάστημα, οπότε δεν χρειάζονται ερωτήματα.
2. Όχι Ajax – ενώ θέλετε το βασικό περιεχόμενο να είναι αναγνώσιμο και να εμφανίζεται στις μηχανές αναζήτησης και να φορτώνεται κατά το άνοιγμα μιας σελίδας, υπάρχουν άλλα στοιχεία που είναι δευτερεύοντα και μπορούν να φορτωθούν μετά τη φόρτωση της σελίδας μέσω JavaScript. Το Ajax είναι η συνηθισμένη μέθοδος για αυτό… φορτώνεται μια σελίδα και, στη συνέχεια, ζητείται άλλο περιεχόμενο μετά τη φόρτωση της σελίδας – αναζήτηση πρόσθετου περιεχομένου, διακομιστές διαφημίσεων κ.λπ.
3. Πάρα πολύ JavaScript - οι σύγχρονοι ιστότοποι είναι τόσο περίπλοκοι που ενσωματώνουν σενάρια τρίτων από όλο τον ιστό. Χρησιμοποιώντας ένα CMS, ενδέχεται να έχετε επίσης θέματα και προσθήκες όλα τα φορτία ξεχωριστών αρχείων JavaScript. Οι περιττές κλήσεις σε πολλά αρχεία σεναρίων μπορούν να μειωθούν καλώντας όλες σε ένα αρχείο. Τα σενάρια μπορούν επίσης να αναβληθούν για τη φόρτωση στοιχείων μετά τη φόρτωση της σελίδας.
4. Πάρα πολλές ανακατευθύνσεις – αποφύγετε τη χρήση ενσωματωμένων πόρων που ανακατευθύνουν σε άλλες σελίδες. Και χρησιμοποιήστε άμεσους συνδέσμους στη δική σας πλοήγηση. Ένα παράδειγμα είναι εάν ο ιστότοπός σας είναι ασφαλής, θέλετε να διασφαλίσετε ότι κάθε στοιχείο του ιστότοπου, όπως οι εικόνες, δεν αναφέρεται στη μη ασφαλή διεύθυνση URL. Αυτό θα απαιτούσε κάθε εικόνα σε μια σελίδα να ανακατευθυνθεί σωστά στον ασφαλή σύνδεσμο.
5. Χωρίς HTML5 και CSS3 - Τα σύγχρονα πλαίσια είναι ελαφριά και γρηγορότερα για φόρτωση σε ιστότοπους. Αυτό που έπρεπε να εκτελέσουν οι προγραμματιστές και οι σχεδιαστές με εικόνες και JavaScript μπορούν πλέον να χρησιμοποιούν κινούμενες εικόνες CSS και προηγμένα εφέ σχεδίασης. Αυτά φορτώνουν πολύ πιο γρήγορα από τα σύγχρονα προγράμματα περιήγησης.
6. Χωρίς ελαχιστοποίηση – Τα μεγέθη αρχείων σεναρίου και αρχείων CSS μπορούν να συμπιεστούν μειώνοντας τα περιττά στοιχεία (όπως τροφοδοσίες γραμμής, σχόλια, καρτέλες και κενά. Η αφαίρεση αυτών των στοιχείων ονομάζεται Η ελαχιστοποίηση. Ορισμένα συστήματα CMS μπορούν επίσης να το κάνουν αυτό αυτόματα καθώς ο ιστότοπος φορτώνει και αποθηκεύει προσωρινά.
7. Τεράστιες εικόνες – Οι τελικοί χρήστες συχνά ανεβάζουν εικόνες απευθείας από την κάμερα ή το τηλέφωνό τους στον Ιστό… το πρόβλημα είναι ότι αυτά τα προβλήματα είναι συχνά πολλά megabyte. Προσθέστε ένα μάτσο σε έναν ιστότοπο και ο ιστότοπός σας θα επιβραδυνθεί σημαντικά. Εργαλεία όπως Kraken μπορεί να χρησιμοποιηθεί πριν από τη μεταφόρτωση των εικόνων - ή να ενσωματωθεί σε έναν ιστότοπο για αυτόματη συμπίεση εικόνων, ώστε να φαίνονται υπέροχες αλλά έχουν μικρότερο μέγεθος αρχείου
8. Εγγενή κοινωνικά κουμπιά – τα εγγενή κουμπιά κοινωνικής δικτύωσης είναι τρομερά. Κάθε ένα από αυτά φορτώνεται ανεξάρτητα από τον ιστότοπο κοινωνικής δικτύωσης και λίγη προσοχή δίνεται στο πόσο γρήγορα φορτώνονται. Προσπαθήστε να χρησιμοποιήσετε υπηρεσίες τρίτων που θα βελτιώσουν δραστικά τον χρόνο φόρτωσης - ή μεταφορτώστε τα κουμπιά, ώστε να μην επηρεάσουν καθόλου την ταχύτητα του ιστότοπού σας.
9. Χωρίς CDN - τα δίκτυα παράδοσης περιεχομένου διαθέτουν διακομιστές σε όλο τον κόσμο που αποθηκεύουν και παραδίδουν στατικά αρχεία πιο κοντά στο άτομο γεωγραφικά. Χρησιμοποιώντας ένα CDN είναι ένας φανταστικός τρόπος για να αυξήσετε την ταχύτητα της σελίδας σας, ειδικά αν υπάρχουν πολλές εικόνες. Φροντίστε να ελέγξετε έξω BunnyCDN.

Εδώ είναι το infographic, 9 συμβουλές για τη μείωση του χρόνου φόρτωσης σελίδας, από την Μετατροπή.

Αποκάλυψη: Χρησιμοποίησα τους συνδέσμους συνεργατών μας σε αυτήν την ανάρτηση.