Lazy Load Social Buttons com Socialite.js

teclado rápido

Hoje tive um dia fantástico com a equipe de web da Angie's List. Angie's List tem desenvolvido seu site em uma biblioteca de recursos incrível ... e ao mesmo tempo eles continuaram a acelerar seu site. Suas páginas carregam em uma velocidade estonteante. Se você não acredita em mim, abra esta página em Portas de Garagem.

A página incorpora imagens, vídeo e botões sociais ... e ainda carrega em milissegundos. Comparar o site deles com o meu é como correr um Prius com um F-16. Eles ainda não terminaram, sempre procurando maneiras de melhorar a experiência do cliente e fazer com que o conteúdo seja encontrado e compartilhado.

Não temos uma equipe de desenvolvimento em tempo integral nem os recursos de uma empresa pública, então nosso progresso é um pouco mais lento do que a Lista de Angie. Temos um anfitrião incrível com Pêndulo - utilizando seu cache avançado e CDN, mas sabemos que ainda há algumas coisas nos prejudicando. Por exemplo, nossas imagens não são otimizadas. Existem serviços por aí que você pode converter suas imagens em uma fração de seu tamanho, mantendo sua clareza ... estamos olhando para eles.

Enquanto estava mostrando nosso site a eles, me encolhi e baixei a cabeça enquanto a página congelava ao carregar um botão social. Acho que foi o Facebook. Argh ... um ou dois segundos depois, o botão apareceu e o resto da página foi carregado. Ugh.

Quando descrevi o problema, seu engenheiro imediatamente encontrou uma solução, socialite.js. O Socialite oferece uma maneira muito fácil de implementar e ativar uma infinidade de botões de compartilhamento social - a qualquer momento que você desejar. No carregamento do documento, no foco do artigo, em qualquer evento! Uma vez que a socialite carrega os botões de forma assíncrona, o documento não irá travar enquanto espera por 50kb de mídia social.

Felizmente, já existe um plugin WordPress que incorpora Socialite, chamado WPSocialite. Esta noite eu arranquei todo o meu código personalizado para carregar botões e implementei o WPSocialite. Consegui personalizar o CSS e modificar os botões que queria. Estou ansioso para adicionar alguns botões adicionais no futuro - como Buffer ou Reddit ... mas isso é perfeito por agora!

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.