Lazy Load Social Buttons con Socialite.js

teclado de velocidade

Hoxe tiven un día fantástico co equipo da web de Angie's List. Angie's List está a desenvolver o seu sitio nunha incrible biblioteca de recursos ... e aínda así seguen acelerando o seu sitio. As súas páxinas cargan a velocidade cegadora. Se non me cres, aparece esta páxina en Portas de garaxe.

A páxina incorpora imaxes, vídeos e botóns sociais ... e aínda se carga en milisegundos. Comparar o seu sitio co meu é como competir cun Prius cun F-16. Tampouco están rematados, sempre buscando formas de mellorar a experiencia do cliente e conseguir que o contido se atope e comparta.

Non temos un equipo de desenvolvemento a tempo completo nin os recursos dunha empresa pública, polo que o noso progreso é un pouco máis lento que Angie's List. Temos un anfitrión incrible con péndulo - utilizando a súa caché avanzada e CDN, pero sabemos que aínda hai algunhas cousas que nos doen. Por exemplo, as nosas imaxes non están optimizadas. Hai servizos por aí que pode converter as súas imaxes nunha fracción do seu tamaño mantendo a súa claridade ... estamos a velas.

Mentres lles amosaba o noso sitio, encerrei e colguei a cabeza mentres a páxina conxelábase ao cargar un botón social. Creo que foi Facebook. Argh ... un ou dous segundos despois apareceu o botón e o resto da páxina cargouse. Uf.

Cando describín o problema, o seu enxeñeiro inmediatamente tivo unha solución, socialite.js. Socialite ofrece un xeito moi sinxelo de implementar e activar unha infinidade de botóns de uso social, sempre que o desexe. Na carga do documento, no artigo sobre o evento, en calquera evento. Dado que socialite carga os botóns de xeito asíncrono, o documento non se colgará mentres agarda 50 kb de redes sociais.

Afortunadamente, xa hai un complemento de WordPress que incorpora Socialite, chamado WPS Socialite. Esta noite arrincei todo o meu código personalizado para cargar botóns e implementei WPSocialite. Puiden personalizar o CSS e modificar os botóns que quería. Estou ansioso por engadir algúns botóns adicionais no futuro, como Buffer ou Reddit ... pero isto é perfecto por agora.

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.