192207784316955
Loading...

A Importância da velocidade de suas páginas

ampulheta200 Nas últimas semanas, muito tem se falado sobre a adoção da velocidade de carregamento das páginas como um dos itens que o Google considerará para classificar os resultados da busca. Ou seja: se suas páginas são carregadas rapidamente, você pode estar melhor posicionado entre os resultados mostrados pelo Google. Um passo concreto nessa direção foi a liberação na área para Webmasters do Google da seção “Desempenho do site”. Saiba quais são as implicações disso para o seu blog.

 

A novidade

A primeira notícia que li a respeito deste assunto foi no Mestre SEO, em 25/11/09. Fábio Ricotta, autor do artigo, assistiu a uma apresentação em que Matt Cutts, Engenheiro da Google, citava que eles estavam considerando a possibilidade de incluir a velocidade de carregamento como um dos fatores do cálculo para chegar à ordem dos resultados.

DesempenhoDoSite

Hoje, ao acessar a área para Webmasters do Google, tive uma surpresa que parece confirmar essa intenção: na seção Google Labs está agora disponível o link “Desempenho do site”. A própria Google informa que a seção “Google Labs” é destinada aos recursos que ainda estão em testes e podem ser modificado. Mas, o fato da informação ser mostrada já é um indicador de que esse fator está sendo acompanhado de perto pela empresa.

Se você ainda não está cadastrado nas Ferramentas para Webmasters, sugiro que você o faça o quanto antes. Lá estão disponíveis diversos dados importantes para o gerenciamento de seu blog. Se quiser conhecer mais sobre o assunto, sugiro o artigo Google Webmasters: Mostre-se ao mundo, um dos primeiros que escrevi aqui no Gerenciando Blog. Apesar da ferramenta ter sido alterada desde então, o procedimento básico de inscrição e uso mudou pouco.

 

Que informações a ferramenta me mostrará?

Ao clicar na opção “Desempenho do site”, você verá um gráfico com o tempo médio de carregamento de suas páginas. Eu tive duas surpresas com o gráfico: a primeira, é saber que os dados vêm sendo monitorados deste julho/09; a segunda é que minhas páginas estão demorando muito para carregar. Abaixo está o resultado:
GráficoVelocidade

Outras informações importantes que são mostradas nessa mesma página:

  • A velocidade média de carregamento das páginas de seu site;
  • Qual a sua colocação no ranking de velocidade, em termos percentuais;
  • O tempo de algumas páginas, como exemplo;
  • Sugestões de melhoria para que suas páginas fiquem mais rápidas.

Abaixo está um exemplo das dicas que o Google lhe mostrará. Ao clicar em cada sinal de “+”, a ferramenta lhe dará ainda mais detalhes sobre o que você deve fazer para otimizar essa página.
SugestõesPáginas

Em resumo: o Google não apenas lhe mostra quais são suas páginas problemáticas. Além disso, ele lhe mostra o que você precisa fazer para melhorar seus resultados. Cabe a você analisar os resultados e tomar as ações que julgue necessárias.

 

Como saber mais?

Se você quiser ainda mais informações, o Google ainda lhe oferece mais uma ferramenta: trata-se do Page Speed, um plugin específico para o Firefox que também analisa suas páginas e lhe dá dicas para melhorar sua performance. Basta visitar o site https://dl-ssl.google.com/page-speed/current/page-speed.xpi a partir do FireFox e instalá-lo. Para que o Page Speed funcione, você precisa instalar também o FireBug. O Page Speed estará disponível em “Ferramentas” / “Firebug” / “Abrir Firebug” / “Page Speed”.

No Info Macross, a Sandra também publicou uma dica sobreo WebWait, uma ferramenta interessante e bastante simples no artigo Quanto tempo seu blog demora para carregar?. A ferramenta faz a carga de sua página diversas vezes e mostra a você o tempo que levou a cada vez. É uma forma interessante para fazer testes com as dicas que darei a seguir.

 

Dicas para melhorar a performance

Como você viu acima, as próprias ferramentas do Google lhe darão dicas preciosas, mostrando o que você precisa otimizar em suas páginas. Algumas dicas serão muito simples para serem implementadas. Outras, bem mais complexas.

Reúno aqui algumas dicas que são úteis para todos:

1. Otimize as imagens – Os arquivos de imagens costumam ser grandes vilões que afetam negativamente o tempo de carregamento de uma página. O objetivo aqui é simples: os arquivos que você mostra em seu blog devem ter o menor tamanho possível. E não estou falando em dimensões dele na tela, e sim no número de kb que ele ocupa. Alguns itens importantes que você deve verificar:

  • A extensão do arquivo tem grande impacto sobre o tamanho dele. Fotos costumam ficar menores no formato JPG. Já gráficos normalmente ocupam menos espaço quando gravados como PNG. É também importante verificar a “taxa de compactação” do arquivo ao gravá-lo.
  • As dimensões da imagem também são fundamentais. E não adianta colocar uma imagem grande e diminuir seu zoom na tela. É necessário redimensionar o arquivo em si, pois ele é carregado ao mostrar sua página.
  • Outro fator é a quantidade de imagens na tela. Quando você tem muitas imagens, além da página ser mais lenta, pode ser também cansativa para seus visitantes. Cabe a você avaliar quais são realmente importantes.

2. Otimize seus widgets – Os widgets são ótimos para agregar funcionalidades bacanas ao seu blog. Mas, podem ser também um pesadelo em termos de performance. Minhas dicas:

  • Avalie com cuidado cada um dos widgets que você tem em seu blog. Eles são realmente úteis para seu visitante? Não é raro você ter colocado um widget em seu blog há meses e nem se lembrar mais de que ele está lá. Remova todos os inúteis.
  • Também é importante avaliar a qualidade do widget. Se ele é necessário, mas é pesado para carregar, cabe a você decidir se vale a pena mantê-lo ou não. Também é interessante pesquisar se existe outro widget que faça a mesma função, mas que seja mais leve e rápido. Experiência própria: acabo de remover um único widget do Gerenciando Blog que diminui para 5 segundos o tempo médio de carregamento da página principal.

3. Otimize seu template – Outro ponto que costuma impactar a performance de suas páginas é o seu template. Há alguns itens que você deve verificar:

  • Verifique onde estão hospedados os arquivos (javascript, imagens etc.) que seu template usa. Eles podem estar hospedados em sites com tráfego pesado, concorrendo com todas as outras pessoas que usam o mesmo template. Nesse caso, a recomendação é que você hospede esses arquivos em um lugar onde só você irá usá-los. Escrevi sobre isso no artigo Trocando o template do blog – Parte 2.
  • Analise seu template para verificar se não existem códigos que você colocou para alimentar ferramentas que você não está utilizando. Alguns exemplos que eu mesmo já citei aqui no Gerenciando Blog: o Woopra e o Performancing. Se você não os utiliza, retire os códigos que você colocou em seu template. Eles também impactam o carregamento de sua página.

Você encontrará mais informações no artigo Como descobrir o que deixa seu blog lento.

 

Conclusão

Ainda não se pode afirmar com certeza que a velocidade de carregamento será mesmo utilizada pelo Google para ordenar os resultados da busca. Também é impossível saber o peso que isso terá.

Independente disso, páginas pesadas costumam irritar e espantar visitantes. Assim, vale a pena investir na otimização do tempo de carga de seus páginas. Por outro lado, é preciso bom senso: não vale a pena ter uma página com carregamento instantâneo, mas pobre em recursos. É preciso avaliar o custo/benefício e chegar a um meio termo.

 

E você, já tem a preocupação com a velocidade de carregamento do seu blog? Tem alguma dica a acrescentar? É só deixar um comentário!

serviços 765490263981687048

Postar um comentário

  1. Olá Adelson,

    Mais uma dica fantástica!
    Acessei a página de webmasters do Google e tomei um susto! Minhas páginas estão lentas por causa do tamanho das imagens, como você citou...

    Outras ferramentas tinha utilizado somente na página principal do blog, mas essa do webmasters roda em cada página. Excelente!

    Já vou partir para reduzir o tamanho das imagens.

    Grande abraço!

    ResponderExcluir
  2. Artigo Muito interessante Adelson, pois esse é um dos critérios que eu uso ao visitar sites e blogs, eu utilizo este site para saber a velocidade http://www.linkvendor.com/seo-tools/speedtester.html

    Abç!!

    ResponderExcluir
  3. Olá Adelson!
    Eu já tinha verificado isso quando escrevi o artigo que citou, caiu bastante o tempo de carregamento.
    Uma coisa que achei engraçada no artigo foi quando disse que o próprio google indica um plugin para firefox! E o chrome!? Onde fica?! Rs...
    Se vai ser um dos critérios de colocação nas pesquisas acho que vamos ser benefiados, pois muitas vezes blogs bem colocados são aqueles com 400 mil coisas para carregar, e então poderemos competir com eles, já que nossos carregam mais rápido e não são cheios de frufru...
    Agora vou lá no webmasters para ver a nova experiência do google!!
    Um abraço!

    ResponderExcluir
  4. Assim que eu li o artigo, rumei para o webmasters. Descobri que o Litteraria leva 7,4 segundos em média pra carregar. Que susto! Como estou pensando em implementações pro blog a serem feitas na próxima semana, essa dica veio bem a calhar. Parabéns pelo artigo, muito bem-feito e esclarecedor!

    ResponderExcluir
  5. @Iúri: Também achei ótima a análise feita nas Ferramentas para Webmasters. Da mesma forma que você, tomei um susto ao ver o tempo que o Gerenciando Blog estava levando para carregar! O bom é que a própria ferramenta já dá dicas sobre o que fazer.

    @Natan: Obrigado pela dica do SpeedTester! É interessante que ela traz, além do tempo, o tamanho das páginas carregadas.

    @Sandra: É bem provável que a velocidade faça mesmo parte dos critérios do Google, embora não seja possível saber o peso que isso terá no cálculo.
    Interessante o plugin ser apenas para o FireFox, né? Eu sou grande fã do Chrome e o uso sempre. Mas, preciso dar o braço a torcer: em matéria de plugins, o FireFox está muito mais avançado.

    @Elise: Normalmente, a velocidade é algo que não nos preocupamos. Também preciso fazer uma análise do Gerenciando Blog para ver onde mais posso ganhar tempo.

    Abraço a todos vocês!

    ResponderExcluir
  6. O meu sonho de consumo era sentar do lado de quem entende muito de fazer blogs e sites! Eu sou uma usuária de boa vontade mas a cabeça tem suas limitações!

    Eu adorei seu blog clean e super informativo.

    Quanto a viajar nas minhas postagens... eu vivo viajando na vida mesmo... sou uma amante da vida!

    Bjs

    ResponderExcluir
  7. Olá novamente, Sissym!

    Eu me esforço ao máximo aqui para deixar tudo bem explicado. Mas, caso tenha alguma dúvida e precise de ajuda, é só me escrever no gerenciandoglog@gmail.com. Sempre ajudarei no que for possível.

    Um abraço e seja sempre bem vinda aqui!

    ResponderExcluir
  8. òtima postagem, tinha reparado nesta ferramenta ontem, e ia escrever algo sobre. Acho que um dos critérios do google já é a velocidade tenho reparado em blogs que carregam com menos de 0,5 seg e eles estão sempre muito bem posicionados nos resultados... Faltou uma dica para comprimir o css do template http://usuariocompulsivo.blogspot.com/2009/11/otimizacao-e-compressao-do-css-no.html
    Parabens!
    Abraços

    ResponderExcluir
  9. Este artigo como tantos outros, foi bem enriquecedor Adelson.

    Eu mesmo já me preoculpava bastante com o peso das imagens usadas nos meus trabalhos, e por regra não uso imagens com mais de 40K, só quando não tem jeito mesmo(raro).

    Aproveitando o assunto quero dizer que o seu próprio blog da um exemplo de como não abusar de imagens, afinal voCê não utiliza uma imagem imensa no cabeçalho como grande maioria de blogueiros. Isso deixa seu blog muito agradável visualmente e bastante leve.

    Abraços

    ResponderExcluir
  10. @Devendando: Ótima dica sobre a compressão de CSS. Vou verificar depois se isso melhora o carregamento do meu blog. Quanto ao Google já utilizar a velocidade, acredito que seja o efeito inverso: normalmente, os sites que estão melhor colocados já possuem preocupação com o peso das páginas.

    @Gerson: Obrigado pelos elogios! Realmente, procuro deixar o visual do blog bem leve, justamente para não cansar quem lê os artigos. Muitas vezes, o assunto em si já é longo e pesado por si só!

    Abraço a você e obrigado pela visita!

    ResponderExcluir
  11. Adelson, muito obrigada pelas dicas!

    Como sempre, show!!! =)

    ResponderExcluir
  12. Olá, Sara!

    Eu é que agradeço pela visita e por sempre participar deixando seus comentários.

    Um abraço!

    ResponderExcluir
  13. Em relação a otimização de imagens, recomendo o site PunyPNG. Ele faz algumas otimizações na imagem, inclusive convertendo-a para o melhor formato e usando algumas outras técnicas úteis para comprimir a imagem. É só você fazer o upload da imagem e baixar a imagem otimizada. Simples!!!

    PunyPNG

    ResponderExcluir
  14. Olá, Blogueigoo!

    Muito interessante a sua dica! Vou testá-la em meus próximos artigos aqui do Gerenciando Blog.

    Obrigado por compartilhar!

    Um abraço!

    ResponderExcluir
  15. Hoje mesmo fiz a otimização das imagens do meu layout e das imagem da pragina central, alidados a compressão do CSS que já tinha feito a algum tempo.
    O tempo de carregamento da pagina caiu drasticamente!! de 17 para 3 segundos.
    Otimo post como sempre!^^

    ResponderExcluir
  16. Olá, Julianna!

    Que resultado impressionante! Às vezes, as ações que precisamos tomar são simples e o resultado vale mesmo a pena.

    Parabéns!

    Um abraço!

    ResponderExcluir
  17. Hello! Thank you

    It is very good your tips. It is horrible to wait minutes to open a blog that we think is interesting, is not it?

    I wish you peace

    ResponderExcluir
  18. Hi, Isha!

    Thanks for your comment! It's always great to receive international comments here.

    It's really annoying when we have to wait pages being loaded.

    Regards!

    ResponderExcluir
  19. Eu costumo tomar cuidado com o tamanho das imagens que publico no Mídia e Ecologia.com, para que a página não demore muito para carregar. Mas eu não sabia que nas ferramentas de webmasters do google nós podemos ver o desempenho do blog. E não gostei muito, acho mais fácil e eficiente o http://tools.pingdom.com/ onde é só colocarmos a nossa url e ver quanto cada elemneto da página demora para carregar. O Mídia e Ecologia.com demorou 13,5 segundos para carrgar, mas irá diminuir logo logo, pois estou aperfeiçoando o layout de lá.

    ResponderExcluir
  20. Olá, D@nil!

    Também utilizo outras ferramentas para medir a velocidade de carregamento de minhas páginas.

    A informação mostrada nas Ferramentas para Webmasters do Google é interessante por mostrar a "visão oficial", por assim dizer, desse dado. Como há rumores de que a velocidade de carregamento tem influência sobre o posicionamento nas buscas, vale a pena o trabalho de otimização.

    Um abraço!

    ResponderExcluir
  21. Meu Blog Esta Muito Lento vou ler as Dicas aqui e ver como fica.

    ResponderExcluir
  22. Olá, Emerson!

    Sites lentos costumam espantar os visitantes. Por isso, é mesmo importante analisar o motivo da lentidão e solucioná-lo o quanto antes!

    Um abraço!

    ResponderExcluir
  23. Sem dúvida ter um site lendo a trabalha muito principalmente, na taxa de rejeição que é quanto usuário entra e já sai do site.

    ResponderExcluir
  24. Olá, Abner!

    Realmente, um blog lento aumento a Taxa de Rejeição, pois muitos não têm paciência para esperar que ele termine de carregar e saem sem visitar nenhuma outra página.

    Um abraço!

    ResponderExcluir

Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos. Há algumas regras na Política de Comentários que devem ser seguidas para que seu comentário seja publicado. As mais importantes:
- Não serão publicados comentários que não tenham relação com o artigo.
- Não respondo comentários por e-mail. Por isso, não deixe seu e-mail no comentário. Se você quer a resposta por e-mail, assine com a sua Conta do Google e marque a caixa "Notifique-me".
- Pedidos de visitas ao seu blog não serão publicados.
- Não serão publicados comentários que tenham link ou endereço do blog no corpo do texto. Para isso, assine com seu Nome/URL ou OpenID.

emo-but-icon

Início item

Acompanhe as novidades

Contrate nossos serviços

Divulgue o Gerenciando Blog

Gerenciando Blog - Dicas para blogs

Publicidade


Anuncie aqui