Pulsanti social Lazy Load con Socialite.js

tastiera veloce

Oggi ho trascorso una giornata fantastica con il team web di Angie's List. Angie's List ha sviluppato il proprio sito in un'incredibile libreria di risorse... e nel frattempo ha continuato ad accelerare il proprio sito. Le loro pagine si caricano a una velocità accecante. Se non mi credi, apri questa pagina su Porte da garage.

La pagina incorpora immagini, video e pulsanti social... e si carica ancora in millisecondi. Confrontare il loro sito con il mio è come correre una Prius con un F-16. Non hanno ancora finito, sono sempre alla ricerca di modi per migliorare l'esperienza del cliente e ottenere il contenuto trovato e condiviso.

Non abbiamo un team di sviluppo a tempo pieno né le risorse di una società pubblica, quindi i nostri progressi sono un po' più lenti di Angie's List. Abbiamo un host incredibile con Volano - utilizzando il loro caching avanzato e CDN, ma sappiamo che ci sono ancora alcune cose che ci danneggiano. Ad esempio, le nostre immagini non sono ottimizzate. Ci sono servizi là fuori che puoi convertire le tue immagini in una frazione della loro dimensione mantenendo la loro chiarezza ... li stiamo esaminando.

Mentre mostravo loro il nostro sito, ho fatto una smorfia e ho abbassato la testa mentre la pagina si bloccava durante il caricamento di un pulsante social. Penso che fosse Facebook. Argh ... uno o due secondi dopo apparve il pulsante e il resto della pagina fu caricato. Uffa.

Quando ho descritto il problema, il loro ingegnere ha avuto immediatamente una soluzione, socialite.js. Socialite offre un modo molto semplice per implementare e attivare una pletora di pulsanti di condivisione social, ogni volta che lo desideri. Al caricamento del documento, al passaggio del mouse sull'articolo, su qualsiasi evento! Poiché socialite carica i pulsanti in modo asincrono, il documento non si bloccherà durante l'attesa di 50 kb di social media.

Per fortuna, esiste già un plugin per WordPress che incorpora Socialite, chiamato WPSocialite. Stasera ho strappato tutto il mio codice personalizzato per caricare i pulsanti e ho implementato WPSocialite. Sono stato in grado di personalizzare il CSS e modificare i pulsanti che volevo. Non vedo l'ora che vengano aggiunti altri pulsanti in futuro, come Buffer o Reddit... ma per ora è perfetto!

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.