Os botões “AddThis” estão deixando você mais lento?

Se você tiver um plug-in “Adicionar este” em execução no seu site, é provável que note como isso torna tudo lento. Isso é particularmente verdadeiro se você estiver exibindo muitos artigos, todos com botões de compartilhamento. A razão para isso é que o plug-in tem que fazer várias pesquisas na web para recuperar o número de “curtidas” e “compartilhamentos” etc. para que possa renderizar um dígito ao lado de cada botão (desde que você o tenha configurado dessa forma) . Tudo isso leva tempo.

A solução

Existe um truque que você pode usar para ajudar a aumentar esse desempenho na maioria dos casos, embora seu site possa ter outros problemas que contribuem para a velocidade de carregamento de suas páginas. Experimente e poderá descobrir que ajuda.

Em primeiro lugar, você precisa localizar o script “addthis”, que está embutido nas páginas do seu blog, ou as configurações do plugin, se estiver usando uma estrutura de blog como o WordPress. Meu blog é um aplicativo personalizado que escrevi, e os scripts incorporados para “AddThis” têm esta aparência.

<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f3e33c72b9a4e40">

A próxima coisa que precisamos fazer é adicionar alguns parâmetros extras que irão alterar o comportamento dos botões AddThis. O código é parecido com este:

& async = 1 & domready = 1

Este código precisa ser adicionado ao script logo após a atribuição da parte “pubid = XXXXX”, da seguinte maneira:

<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa- 4f3e33c72b9a4e40&async=1&domready=1">

Se você atualizasse sua página agora, não veria nenhum botão AddThis – isso porque eles foram informados para aguardar o conteúdo a ser carregado na página da web primeiro e, mais importante, os botões precisam ser iniciados manualmente agora. Adicione o seguinte script antes da tag de fechamento em sua página principal.

<script type="text/javascript"> 
 function initAddThis() {
    addthis.init()
 }

initAddThis();
</script>

No entanto, deve-se observar que essa não é uma solução garantida, pois na verdade pode haver outros problemas em seu site que estão deixando-o lento, ou pelo menos parecendo lento. A própria natureza desses botões funcionando de forma assíncrona significa que eles serão carregados por conta própria, sem interromper o carregamento dos demais elementos da página. Portanto, se os botões AddThis aparecerem mais tarde do que o resto do seu conteúdo, isso é bom e o que estávamos tratando aqui.

Espero que isso tenha ajudado …