Lazy Load κοινωνικά κουμπιά με το Socialite.js

πληκτρολόγιο ταχύτητας

Σήμερα είχα μια φανταστική μέρα με την ομάδα Ιστού στο Angie's List. Η Angie's List έχει αναπτύξει τον ιστότοπό της σε μια απίστευτη βιβλιοθήκη πόρων… και στο μεταξύ συνεχίζουν να επιταχύνουν τον ιστότοπό τους. Οι σελίδες τους φορτώνονται με ταχύτητα τυφλών. Εάν δεν με πιστεύετε, ανοίξτε αυτήν τη σελίδα Πόρτες γκαράζ.

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

Δεν έχουμε μια ομάδα ανάπτυξης πλήρους απασχόλησης ούτε τους πόρους μιας δημόσιας εταιρείας, οπότε η πρόοδός μας είναι λίγο πιο αργή από την Angie's List. Έχουμε έναν απίστευτο οικοδεσπότη με βολάν - χρησιμοποιώντας το προηγμένο caching και το CDN τους, αλλά γνωρίζουμε ότι εξακολουθούν να υπάρχουν κάποια πράγματα που μας πλήττουν. Για παράδειγμα, οι εικόνες μας δεν είναι βελτιστοποιημένες. Υπάρχουν υπηρεσίες εκεί έξω που μπορείτε να μετατρέψετε τις εικόνες σας σε ένα κλάσμα του μεγέθους τους, διατηρώντας ταυτόχρονα τη σαφήνεια τους ... τις εξετάζουμε.

Καθώς τους έδειχνα τον ιστότοπό μας, έσκυψα και κρέμασα το κεφάλι μου καθώς η σελίδα πάγωσε όταν φορτώνω ένα κουμπί κοινωνικής δικτύωσης. Νομίζω ότι ήταν Facebook. Argh… ένα ή δύο δευτερόλεπτα αργότερα εμφανίστηκε το κουμπί και φορτώθηκε η υπόλοιπη σελίδα. Ωχ.

Όταν περιέγραψα το ζήτημα, ο μηχανικός τους είχε αμέσως μια λύση, socialite.js. Το Socialite παρέχει έναν πολύ εύκολο τρόπο για να εφαρμόσετε και να ενεργοποιήσετε μια πληθώρα κουμπιών κοινής χρήσης - όποτε θέλετε. Κατά τη φόρτωση εγγράφων, στο άρθρο, σε κάθε περίπτωση! Δεδομένου ότι το socialite φορτώνει τα κουμπιά ασύγχρονα, το έγγραφο δεν θα κρεμάσει ενώ περιμένει 50kb κοινωνικών μέσων.

Ευτυχώς, υπάρχει ήδη μια προσθήκη WordPress που ενσωματώνει το Socialite, που ονομάζεται WPS Κοινωνική. Απόψε έβγαλα όλο τον προσαρμοσμένο κωδικό μου για φόρτωση κουμπιών και υλοποίησα το WPSocialite. Ήμουν σε θέση να προσαρμόσω το CSS και να τροποποιήσω τα κουμπιά που ήθελα. Ανυπομονώ να προστεθούν κάποια επιπλέον κουμπιά στο μέλλον - όπως Buffer ή Reddit… αλλά αυτό είναι τέλειο για τώρα!

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

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