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

Η ταχύτητα και τα κοινωνικά δεν φαίνεται να συνεργάζονται όταν πρόκειται για έναν υπέροχο ιστότοπο. Μετεγκαταστήσαμε τον ιστότοπό μας στο βολάν (σύνδεσμος συνεργατών) και βελτίωσε σημαντικά την απόδοση και τη σταθερότητα του ιστότοπού μας. Ωστόσο, ο σχεδιασμός του ιστότοπού μας - με ένα υποσέλιδο που προωθούσε την κοινωνική μας δραστηριότητα στο Facebook, το Twitter, το Youtube και στο Podcast μας - επιβράδυνε την ανίχνευση.

Ήταν κακό. Ενώ μια μεγάλη σελίδα φορτώνεται σε 2 δευτερόλεπτα ή λιγότερο, ο ιστότοπός μας χρειάστηκε πάνω από 10 δευτερόλεπτα για να ολοκληρωθεί μια σελίδα. Το πρόβλημα δεν ήταν το WordPress ή το Flywheel, το πρόβλημα ήταν όλα τα διαδραστικά στοιχεία που φορτώσαμε από άλλες υπηρεσίες… Facebook και Twitter widget, εικόνες προεπισκόπησης Youtube, την εφαρμογή Podcast, απλώς δεν μπορούσα να ελέγξω πόσο αργά φορτώθηκαν. Μέχρι τώρα.

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

φορτίο

Χρησιμοποιώντας το jQuery, δεν φορτώνουμε πραγματικά τη βάση της σελίδας έως ότου κάποιος κάνει κύλιση εκεί. Ο κώδικας είναι στην πραγματικότητα αρκετά απλός:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). μήκος <200) {$ ("# συμπληρωματικό"). load ('[πλήρης διαδρομή σελίδας για φόρτωση]');}}});

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

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

Έχουμε ακόμη κάποια δουλειά να κάνουμε… αλλά φτάνουμε εκεί!

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

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