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 hanno 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 viene comunque caricata in millisecondi. Confrontare il loro sito con il mio è come correre con 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à per azioni, quindi i nostri progressi sono un po 'più lenti di Angie's List. Abbiamo un ospite incredibile con Volano - utilizzando la loro cache avanzata 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 delle loro dimensioni mantenendo la loro chiarezza ... le stiamo guardando.

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 sociale, ogni volta che lo desideri. Al caricamento del documento, al passaggio del mouse sull'articolo, in qualsiasi evento! Poiché socialite carica i pulsanti in modo asincrono, il documento non si bloccherà durante l'attesa di 50kb 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 di aggiungere 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.