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

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

Ήταν κακό. Ενώ μια μεγάλη σελίδα φορτώνεται σε 2 δευτερόλεπτα ή λιγότερο, ο ιστότοπός μας χρειάστηκε πάνω από 10 δευτερόλεπτα για να ολοκληρωθεί μια σελίδα. Το πρόβλημα δεν ήταν το WordPress ή το Flywheel, το πρόβλημα ήταν όλα τα διαδραστικά στοιχεία που φορτώσαμε από άλλες υπηρεσίες… widgets Facebook και Twitter, εικόνες προεπισκόπησης 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. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.