Botones sociales de carga diferida con Socialite.js

teclado de velocidad

Hoy tuve un día fantástico con el equipo web de Angie's List. Angie's List ha estado desarrollando su sitio en una increíble biblioteca de recursos ... y todo el tiempo han continuado acelerando su sitio. Sus páginas se cargan a una velocidad deslumbrante. Si no me cree, abra esta página en Puertas de garaje.

La página incorpora imágenes, videos y botones sociales ... y aún se carga en milisegundos. Comparar su sitio con el mío es como correr un Prius con un F-16. Tampoco han terminado todavía, siempre buscando formas de mejorar la experiencia del cliente y conseguir que el contenido se encuentre y se comparta.

No tenemos un equipo de desarrollo de tiempo completo ni los recursos de una empresa pública, por lo que nuestro progreso es un poco más lento que Angie's List. Tenemos un anfitrión increíble con Volante - utilizando su almacenamiento en caché avanzado y CDN, pero sabemos que todavía hay algunas cosas que nos perjudican. Por ejemplo, nuestras imágenes no están optimizadas. Existen servicios que le permiten convertir sus imágenes a una fracción de su tamaño mientras mantiene su claridad ... los estamos analizando.

Mientras les mostraba nuestro sitio, me encogí y bajé la cabeza cuando la página se congeló al cargar un botón social. Creo que fue Facebook. Argh ... uno o dos segundos después apareció el botón y se cargó el resto de la página. Ugh.

Cuando describí el problema, su ingeniero inmediatamente tuvo una solución, socialite.js. Socialite proporciona una manera muy fácil de implementar y activar una gran cantidad de botones para compartir en redes sociales, en cualquier momento que lo desee. ¡Al cargar el documento, al pasar el mouse por encima del artículo, en cualquier evento! Dado que socialite carga los botones de forma asincrónica, el documento no se colgará mientras espera 50kb de redes sociales.

Afortunadamente, ya existe un complemento de WordPress que incorpora Socialite, llamado WPSocialite. Esta noche arranqué todo mi código personalizado para cargar botones e implementé WPSocialite. Pude personalizar el CSS y modificar los botones que quería. Espero que se agreguen algunos botones adicionales en el futuro, como Buffer o Reddit ... ¡pero esto es perfecto por ahora!

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.