performance serviços Camila Fiori

Como descobrir o que deixa seu blog lento

Ampulheta130Ainda são muitos os blogueiros que não dão a devida atenção à velocidade de carregamento do seu blog.

Como consequência, há blogs com conteúdo interessante que demoram muito a carregar.

O resultado é a perda de visitantes.

Afinal, ninguém gosta de esperar uma página carregar – especialmente quando descobre outro site similar que carrega muito mais rápido.

Neste artigo, conheça uma ferramenta muito útil do Pingdom para descobrir o que está deixando seu blog lento para carregar.

Introdução

Já há algum tempo, venho insistindo aqui no Gerenciando Blog sobre a importância de que seu blog carregue o mais rápido possível. Já escrevi dois artigos sobre o tema:

Nesses artigos, mostro uma série de dicas para deixar seu blog mais leve e carregando mais rápido.

Mostro também algumas ferramentas para medir o tempo de carregamento e analisar seu blog, sugerindo algumas dicas para otimizá-lo.

Neste artigo, mostro mais uma ferramenta de análise, com um foco bastante simples e resultados eficientes.

Trata-se de uma ferramenta grátis do Full Page Test, do Pingdom.

O que o Full Page Test mostra em seu blog

Com esta ferramenta, você verá algumas informações importantes sobre o seu blog:

  • Tempo total de carregamento
  • Tempo que cada objeto leva para carregar
  • Tamanho total dos objetos (em kb) em seu blog
  • Tamanho de cada objeto, também separado por tipo

Com essas informações, você poderá fazer algumas análises importantes:

  • Verificar se seu blog demora a carregar
  • Descobrir quais são os elementos mais pesados dele
  • Identificar quais são os elementos lentos para carregar

Após essa análise, você poderá atuar em cada elemento pesado, otimizando-o, substituindo-o ou mesmo eliminando-o do seu blog.

Também será capaz de avaliar se é necessário hospedar os arquivos em algum serviço mais eficiente.

Como utilizar o Full Page Test

A utilização do Full Page Test é muito simples:

1. Acesse http://tools.pingdom.com/fpt.

2. Digite o endereço do seu blog na caixa e clique em “Test Now”.

Se você marcar a opção “Save Test”, poderá comparar seus resultados com as próximas execuções.

FullPageTest01 

 3. Você verá um resultado parecido com o abaixo:

FullPageTest02

Como analisar os resultados

O teste é bem simples de executar. Abaixo está a explicação para cada item mostrado.

  • Cada linha da tabela representa um item do seu blog. O primeiro item é, normalmente, o código HTML de seu blog. Por padrão, os elementos são mostrados na ordem em são carregados.
  • Na coluna Load time in seconds (Tempo de carregamento em segundos) é mostrada uma barra colorida. Quanto maior essa barra, maior é o tempo que esse item leva para ser carregado. Se você parar o mouse em cima da barra, verá o tempo do item.
  • Na coluna URL, é mostrado o endereço de cada item que está sendo carregado. Também é mostrado um ícone, antes de cada um, indicando seu tipo (HTML, CSS, imagem, script ou outros).
  • Em Size(KB), você verá o tamanho de cada elemento em kbytes.
  • No cabeçalho da tabela, há alguns controles que você pode utilizar para alterar a forma como os resultados são mostrados. Para mim, o mais importante é o “Sort by”, em que você pode alterar a ordem de exibição, classificando-os pelo tempo de carregamento (“Load time”) ou tamanho do arquivo (“File size). Veja que você pode também utilizar as setas azuis para determinar se eles serão mostrados em ordem crescente ou decrescente. 

FullPageTest025
  • No final da tabela, à esquerda, você verá um resumo, mostrando o tempo e tamanho totais e por tipo de elemento: 

FullPageTest03
  • Também no final, mas à direita, você verá o resultado de todos os testes que você executou com a opção “Save test” marcada. 

 

FullPageTest06

Dicas para otimização

Agora que você já entendeu como funciona o Full Page Test, pode realizar algumas análises interessantes.

1. Tamanho total de sua página

Veja no quadro “Website information” o tamanho total de sua página inicial (“Total objects”).

O ideal é que sua página não ultrapasse muito os 1.000 kb (ou 1 Mb).

Tamanhos maiores que esse causarão demora para ela ser carregada, especialmente em conexões lentas.

FullPageTest07

2. Objetos mais pesados

Na tabela principal do teste, faça a ordenação pelo “File size” (Tamanho do arquivo) e marque a seta para baixo, para que eles sejam mostrados em ordem decrescente.

Desta forma, serão mostrados nas primeiras linhas os maiores arquivos que seu blog utiliza.

FullPageTest04 

Algumas ações que você pode realizar a partir dessa análise:

  • Se houver figuras nas primeiras colocações, avalie se você pode otimizá-las. Para diminuir o tamanho de figuras, você pode diminuir as suas dimensões ou salvá-las em um formato diferentes (como JPG ou PNG). Caso precise de ajuda, o artigo Como Editar Imagens para seu Blog pode ser útil.
  • Se houver scripts nessas posições, é bastante provável que ele tenha sido colocado em algum gadget ou diretamente no HTML do seu template. Avalie se esse gadget é realmente importante para o seu blog. Se não for, vale a pena removê-lo para tornar seu blog mais leve.

3. Objetos mais lentos para carregar

No cabeçalho da tabela principal, mude agora a ordenação para “Load time” (Tempo de carregamento).

Você verá agora os objetos ordenados pelo tempo que levam para carregar.

Novamente, nas primeiras linhas estarão os objetos que demoram mais.

FullPageTest05

Tempos lentos de carregamento podem indicar que o serviço onde esses itens estão hospedados não é eficiente.

Você pode fazer testes alterando o local onde estão os arquivos e executando novos testes para comparar.

No artigo Onde hospedar arquivos para seu blog mostro algumas opções de serviços grátis para isso.

Conclusão

Espero ter conseguido mostrar como o Full Page Test pode ser útil para você otimizar a velocidade de carregamento do seu blog.

Em conjunto com as dicas que mostrei nos outros artigos citados na Introdução, essas ações ajudarão a tornar seu blog mais leve e rápido para carregar.

Como consequência, ele será mais agradável aos seus visitantes – o que é muito importante para que eles retornem ao seu blog.

E você, já conhecia o Full Page Test do Pingdom?

A ferramenta lhe trouxe resultados positivos?

Deixe um comentário com sua opinião!

| Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

39 Comentários

  1. Samanta Sammy disse:

    Olá Adelson !!!

    Maravilhosa e muito útil esta postagem !!
    Fiz o teste e infartei por aqui !! Meu blog está enorme e pesado… 9 segundos pra carregar e mais de 2 mil kb !!!
    Preciso fazer uma reformulação urgente !!
    Com auxilio de sua outra postagem, apaguei vários gadgets, mas pelo jeito não foi suficiente…snif….
    Já salvei o resultado para trabalhar nele mais tarde, pois agora estou no trabalho rsrs
    Obrigadíssimo por compartilhar informações tão importantes para nós, blogueiros, porque com certeza este é um dos pontos mais importantes para o sucesso e crescimento do nosso espaço !!

    Um enorme abraço e boa semana !!!

  2. J. Neto disse:

    Muito bom o site indicado. Notei que o seu blog demora muito a carregar aqui, mas não se preocupe. É a minha conexão que não está boa (e nem é lá essas coisas).

    No mais, o meu blog demora ainda mais que o seu.

    Abração Adelson!

    Obrigado pela dica!

  3. Internautas Cristãos disse:

    Muito bom esse serviço.

    Eu ainda não conhecia, mas será muito útil para mim. Já estou testando várias coisas para melhorar o tempo de abertura dos meus sites.

    Valeu.

  4. Adelson Smania disse:

    @Sam: Quando eu fiz o teste pela primeira vez, também assustei ao perceber que um único script e uma única imagem eram responsáveis por metade do tamanho do meu blog! Gostei tanto da ferramenta que fiz questão de divulgar.

    @Neto: A velocidade da internet realmente tem muita influência no tempo de carregamento. Por isso, deixar o blog o mais leve possível é realmente essencial!

    @Internautas: Que bom que eu tenha conseguido apresentar esta ferramenta a você! É realmente bastante útil e um ótimo apoio para tornar o blog mais rápido para carregar.

    Abraço a vocês e obrigado pela visita!

  5. Ciro disse:

    Nossa o meu leva 1,8 s e ta com 400 kb, ta levinho levinho, mas acho que ainda posso melhora-lo.

    Adelson, você sabe de algum javascript de propaganda rotativas com estatisticas sem o uso de banco de dados?

  6. Samej disse:

    Olá Adelson!
    É engraçado que procrastinei na semana passada em fazer uma limpeza no meu site, e logo no início desta semana você já nos brinda com um artigo como este! Parabéns!

    Bom, segui os passos descritos acima e fiz uma verificação. O resultado foi 6,1 segundos para carregar o site, (conforme a imagem). Fiz as devidas alterações: excluí 4 gadgets desnecessários e reduzi o tamanho de duas imagens em 50% e outra em 25%.
    Fiz um novo teste de carregamento e o resultado foi de 4,9 segundos, (conforme a imagem).

    Muito obrigado pela força! rsrsrs

    Abraços.

  7. Adelson Smania disse:

    @Ciro: Realmente, seu site já está muito leve! Está mesmo de parabéns! Quanto à sua dúvida, infelizmente não poderei ajudá-lo. Confesso que não conheço nenhum código com essas características.

    @Samej: Você conseguiu um ótimo resultado com as mudanças! Eu fiquei impressionado com as informações que o Full Page Test traz: concisas e bastante úteis.

    Abraço a vocês e obrigado pela visita!

  8. Beth Muniz disse:

    Oi Adelson,
    Como sempre, ótimas dicas.
    Mas me diga uma coisa: Qual seria o tempo de carregamento ideal, em média?
    Um abração.

  9. Mendigo Virtual disse:

    Ótimo Post, irei aplicá-lo.

  10. Guilherme Vital disse:

    Gostei do aplicativo. Existe um que é do próprio Google que te ajuda e muito: http://pagespeed.googlelabs.com/pagespeed/

    O próprio aplicativo da uma nota de 0 a 100 (relacionado a velocidade do site) e também te dá algumas dicas de como você pode melhorar seu site.

  11. Adelson Smania disse:

    @Beth: É difícil estabelecer um tempo desejado – até porque ele depende da velocidade de conexão com a internet do usuário. O ideal é que o tamanho da página principal de seu blog não ultrapasse em muito 1 Mb. Isso normalmente garante que a página será carregada em alguns segundos.

    @Mendigo: Que bom que tenha gostado!

    @Guilherme: O PageSpeed é também uma ótima ferramenta para realizar a análise. Eu falei sobre ele nos artigos que citei na Introdução deste.

    Abraço a vocês e obrigado pela visita!

  12. Tynn disse:

    Mais importante que verificar os gadgets seria verificar o template, por experiencia própria, templates com muito recursos, mais de duas colunas (uma onde fica os posts e outro para os gadgets) ou sobrecarregados não ajudam em nada na velocidade.

    Pretendo mudar, em breve, o meu template e, com muita certeza, irei colocar esse artigo em pratica.

    Boa sorte Adelson!

  13. Adelson Smania disse:

    Olá, Tynn!

    Sim, o template também influencia na velocidade, especialmente aqueles que vêm recheados de hacks e gadgets, nem sempre úteis. O ideal é somente manter no blog o que é realmente útil e importante ao visitante.

    Um abraço!

  14. sites disse:

    É importante salientar que o sistema mede o total de carregamento somando todos os itens e nosso navegador já exibe o conteúdo assim que os principais arquivos são carregados. Repare que o tempo que mostra no sistema é sempre bem acima do tempo que a página aparece em nosso navegador (mesmo sem cache). Mas é sem dúvida uma ótima referência para observarmos e corrigir detalhes como imagens grandes e outros.

    Aqui na Hospedagem-Anual.com.br também passamos a recomendar o teste para clientes. Ótimo artigo, parabéns.

    Equipe Hospedagem-Anual – Apenas R$29,90/ano
    http://www.hospedagem-anual.com.br

  15. Adelson Smania disse:

    Olá!

    Ótima observação! O serviço mostra o tempo total de carregamento do blog ou site. Mas, também acho que é uma referência interessante e que mostrar de uma forma bem simples pontos de melhoria de performance.

    Um abraço!

  16. W. De Wally disse:

    você é o cara !! seus posts são muito bem redigidos, claros objetivos e úteis …. muito bom , vou testar essa ferramenta

  17. Adriana Helena disse:

    Ola Adelson! Boa noite!
    O seu blog constitui-se em ferramente indispensável para quem quer ter um blog de qualidade. Seus artigos são didáticos, bem explicativos e de uma qualidade acima da média! Parabéns!
    Há muito já sou sua fã e este artigo me impressionou! Digo isto porque levei um susto daqueles com o tempo de carregamento do meu blog.
    Mas agora vou procurar o que o torna pesado e resolver as pendências. Afinal aprendi mais uma importante lição com um ótimo professor!
    Muito obrigada!
    Abraços e uma excelente semana!!

    • Adriano Luz disse:

      Olá, Adriana!

      Fico muito feliz com os seus comentários! Sempre me esforço para criar artigos úteis e acessíveis a todos.

      Quanto à velocidade do blog, normalmente nos assustamos quando fazemos a primeira análise. Muitas vezes não percebemos que uma única imagens pode deixar nosso blog muito mais pesado do que ele deveria ser.

      Espero que a ferramenta a ajude a otimizá-lo!

      Um abraço!

  18. Robeilton Simões disse:

    Olá Adelson, tudo bem?

    Parabéns por este artigo que ficou muito bom e bastante útil. Graças a esta ferramenta eu pude perceber qual imagem do meu blog estava gerando um atraso enorme e agora consegui reduzir o tempo de carga.

    Forte abraço,

    Sucesso Sempre.

    • Adriano Luz disse:

      Olá, Robeilton!

      Fico muito feliz em saber que a ferramenta o ajudou! É normal acontecer o que você citou: muitas vezes, a culpa pela demora em carregar está em uma única imagem.

      Um abraço e seja sempre bem vindo!

  19. Pguá Litoral disse:

    Parabéns.Hoje resolvi fazer testes em meu blog.Com sua ajuda foi muito mais facil.

  20. anderson disse:

    Adelson será que você pode me ajudar? eu gostaria muito mais muito mesmo que você respondesse o meu recado. eu sou dono de um site. o nome dele é http://www.seuzjogoz.blogspot.com.br/ e eu tenho percebido na minha pagina que os videos do blogger demoram muito pra carregar. por exemplo nas minhas 4 ultimaas postagens eu percebi que os videos do blogger demoram mais do que o normal para serem carregados e eu não sei porque isso acontece. é assim: nos jogos pra download eu costumo deixar fotos descrição e um video acima das fotos pra pessoa ver como é o jogo mais esse video demora uma duas ou ate tres horas pra ser carregado por completo e acontecendo isso eu desisto de por o video emcima do jogo com a descrição. será que você pode me ajudar?

    • Adriano Luz disse:

      Olá, Anderson!

      Visitei seu blog e aqui a velocidade de carregamento parece estar normal. Então, não sei dizer o que pode estar acontecendo. Uma coisa é certa: vídeos muito longos realmente demoram a carregar.

      Mas, um ponto em que você deve tomar extremo cuidado em seu blog é a questão de oferecer download de jogos. Você só pode fazer isso caso se tratem de jogo livres e sem direitos autorais. Se você oferecer jogos licenciados, você pode ser punido por violação de direitos autorais e ter seu blog removido do ar.

      Um abraço!

  21. Daniel disse:

    Olá, meu blog está ficando lento…
    Ele não tem nada de desnecessário realmente!
    O que está pesando, é apenas um script jquery do slide, ele é super leve, não sei como ele está pesando tanto!
    O que eu faço?

    • Adriano Luz disse:

      Olá, Daniel!

      Verifique seu blog e, aparentemente, ele está rápido para carregar. A ferramenta que mostro neste artigo é a melhor que encontrei para identificar o que deixa seu blog lento.

      Ela não indicou nenhum arquivo pesado para carregar em seu blog?

      Um abraço!

  22. CECILIA LACERDA disse:

    Olá Adelson,
    Suas dicas foram fantásticas. Adorei. Preciso aprender ainda muita coisa, pois nada sei. Apenas fiz esta página (de modo amador) para divulgar as coisas da escola publica onde trabalho. Se puder, dê uma olhadinha e veja que conselhos me dá. Continue com suas postagens, são verdadeiras aulas. Parabens. Paulo. [email protected]

    Página: http://www.cecilialacerda.com

    • Adriano Luz disse:

      Olá, Paulo!

      Fico feliz em saber que está gostando das dicas!

      Vi o blog que você criou e posso dizer: você está no caminho certo! Continue acompanhando os próximos artigos, que espero serem úteis para você.

      Um abraço!

    • CECILIA LACERDA disse:

      Fiquei feliz pelo retorno. Muito agradecido. Bom fds

  23. HumorDobrado disse:

    Olá tudo bem? Gostei da matéria sobre como identificar elementos que podem tornar um blogue lento. Contudo faço uma sugestão… Pode ainda falar sobre como melhorar a navegação no Internet Explorer porque uma blogue pode ser rápido noutros navegadores mas a maioria tem problemas com o IE. Falo por experiencia. Abraço, e tudo a correr bem!

    • Adriano Luz disse:

      Olá!

      Infelizmente, não conheço dicas específicas para melhorar a performance no IE. Na verdade, acredito que, nesse caso, o problema esteja no IE, não no blog.

      Felizmente, a Microsoft tem se preocupado com a questão e tentado fazer melhorias de performance nas novas versões do IE.

      Um abraço!

  24. Fabio Alves disse:

    Ótima ferramenta. Grato por compartilhar

  25. José Guimarães (Livros Infantis de José Guimarães) disse:

    Muito bom, Adelson!

    Deu pra ver arquivos pesados no blog.
    O bom é que o total dos arquivos somou 1.2 MB.
    Mas dá para limpar alguns códigos e deixar o blog mais leve.
    Afinal, nem todos os internautas tem conexão rápida. Eu sou um deles.

    Desejo-lhe mais Sucesso!

  26. Vinicius Torrent disse:

    Olá Adelson , ótimo post, você Poderia me ajudar e dar uma visitadinha no meu Blog pra vêr suas Observações ? Ficaria muito Grato
    Trata-se de um Blog de Filmes que acabei de Criar e demora 20s pra carregar ( Diz o teste ) não sei porque sendo que até agora só postei 12 filmes : … se puder me ajudar agradeço Desde Já !

  27. Vinicius Torrent disse:

    Olá Adelson, Gostaria muito que você me ajudasse ficaria muito Grato, Queria que você me dissese o que poderia estar deixando meu blog Lento, Trata-se de um Blog de Filmes acabei de criar ele e têm apenas 12 filmes ( 12 Postagens ) Até agora, mesmo assim a ferramenta que vc indicou as vezes da erro nele e quando funciona diz demorar 14 segundos mais ou menos para abrir pode me ajudar ? : Parabéns pelos artigos acompanho todos ! Grato desde já

  28. Nathan disse:

    Show cara resolveu finalmente meu problema

  29. Jhonatan disse:

    Eu não conhecia esse site, obrigado por recomendar!

  30. Geraldo Magela disse:

    Olá! Tenho um blogue onde posto informações sobre as espécies da fauna e flora da minha cidade. Não quero ganhar dinheiro com ele mas fazer com que seja uma fonte de informação segura e prática tanto para leigos quanto para aqueles que têm conhecimento em ecologia e biologia. Gostaria de algumas dicas sobre como gerenciá-lo de forma a ser convidativo e harmônico para os visitantes. Segue o link: curvelofaunaeflora.blogspot.com
    Desde já obrigado
    Nome *
    Geraldo M Pereira

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.