Usabilidade: Por que Widget Em Excesso Pode Penalizar Seu Blog

By Dan Di Gregorio | 24 June 2008 | Blogging, Ferramentas e widgets

Quando inserimos um novo plugin em nosso blog tornamos as páginas mais pesadas sem nem perceber

Os widgets para blog e os adds-on, em geral, permitem envolver de uma forma mais abrangente os seus leitores e integrar funcionalidades de redes sociais, marketing, etc. nas suas páginas, porém eles podem trazer consequências indesejadas e não previstas.

O código Javascript para colar o nosso plugin é constituído de um punhado de caracteres mas, esse punhado de caracteres não é o widget propriamente dito, é somente somente o endereço de onde baixá-lo. E nós não sabemos a priori quantos Kb serão baixados para fazê-lo funcionar e visualizar o nosso último Twit, ou os últimos leitores via MybloLog.
chocolate.jpg
[Photo Credit: SasPartout]

Por isso, decidi verificar com quantos Kb, efetivamente, carregamos as nossas páginas quando inserimos alguns dentre os plugins mais populares:

1. MyBlogLog: +64 Kb
2. AdSense Ads: +22 Kb
3. Google Analytics: +22 Kb
4. Disqus: +17 Kb
5. Criteo Autoroll: +17 Kb
6. Woopra tracker: +6Kb
7. Quintura cloud generator: +380 Kb
8. Technorati Rank: +27 Kb
9. LLOOGG Tracker: +2 Kb
10. coComment: +8 Kb
11. Botão DIGG: +17 Kb

e assim vai com muitos outros widgets onipresentes na blogosfera.

Como você já deve ter entendido basta carregar três ou quatro widgets e, como que por magia, o peso da nossa página aumenta sem percebermos nada. Me permiti pesar algumas páginas casuais de alguns blogs brasileiros:

Como podemos ver os widgets são cômodos mas, eles jogam nos browsers dos nossos leitores dados “de balde” que podem tornar o nosso site realmente inacessível para quem tem a conexão mais lenta e podemos nos tornar antipáticos aos motores de busca (são uns chatos, amam os blogs em perfeita forma… rs).

É sempre melhor escolher somente os widgets que de qualquer forma trazem algum benefício ao nosso blog e, em todo caso, comprima as páginas web com mod_deflate ou com php. Um cuidado desse tipo é capaz de reduzir o peso em 70% e aumentar, portanto, a velocidade de carregamento da página.

Um ótimo instrumento para analisar o peso de cada elemento de uma página (inclusos os widgets e os add on) é o Web Developer Tools para Firefox. Uma vez visualizada a página web abra Ferramentas>Web>Developer>Information>View document size.

Tags | , , , , ,

6 Comments For This Post

  1. Marcelo França Says:

    Belo post Daniele, ótima observação em relação aos widgets. Complementando seu post deixo aqui a dica de um site que mede em quanto tempo os itens de seu blog demoram a carregar, assim você pode saber onde está mais pesado ou não.

    Veja:
    http://www.octagate.com/service/SiteTimer/

    Abraço!

  2. Marcos Elias Says:

    Ainda sobre esse caso… Quando são widgets ou plugins que executam funções internas, tem a questão de uso de CPU, que em hospedagem compartilhada é bem limitada…

    Já tive vários problemas com meu blog principal em mais de um servidor, onde a conta ficou suspensa. Claro, isso deve-se a uso de CPU devido o site ter muitos acessos.

    Desativei boa parte dos plugins, e luto para deixar a página cada vez mais simples :)

  3. whebson1 Says:

    Excelente Dani! :-D
    Todas as mudanças que implemento no Cantim(48kb) buscam justamente isso.

    Hoje os resultados estão surpreendendo. ;-)
    Robots alegre, blogueiro ainda mais…Hehehehe.

    Um grande abraço.

    By

  4. Jaqueline Amorim Says:

    E eu que o diga! Ainda mais que falo de um monte de widgets legais para colocar em blog… Enfim, tenho todos rsrsrsrsrs. É bem complicado manter rápida a conexão e abertura de página, outra dica é trocar o template para uma versão mais light como esta sua… Em breve estarei adotando estas medidas…

  5. Moorpheuss Says:

    Realmente muitos não atentam para o aumento do “peso” da página ao adicionar widgets, inclusive, logo no início que comecei a blogar tinha colocado widget de notícias de um grande portal, mas percebi uma grande perda na velocidade de abertura das páginas, prontamente retirei.

  6. Helio Jenné Says:

    Olá Daniele,
    Achei seu post excelente, verdadeiramente importante!
    Agradeço e pretendo tomar essas medidas para tornar mais leve meus blogs! Abração.

Leave a Reply

You need to a flashplayer enabled browser to view this YouTube video

You need to a flashplayer enabled browser to view this YouTube video

Recent Videos