Ainda 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. 
3. Você verá um resultado parecido com o abaixo: 
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.
- No final da tabela, à esquerda, você verá um resumo, mostrando o tempo e tamanho totais e por tipo de elemento:
- Também no final, mas à direita, você verá o resultado de todos os testes que você executou com a opção “Save test” marcada.
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. 
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. 
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. 
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!
Olá Adelson !!!
ResponderExcluirMaravilhosa 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 !!!
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).
ResponderExcluirNo mais, o meu blog demora ainda mais que o seu.
Abração Adelson!
Obrigado pela dica!
Muito bom esse serviço.
ResponderExcluirEu 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.
@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.
ResponderExcluir@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!
Nossa o meu leva 1,8 s e ta com 400 kb, ta levinho levinho, mas acho que ainda posso melhora-lo.
ResponderExcluirAdelson, você sabe de algum javascript de propaganda rotativas com estatisticas sem o uso de banco de dados?
Olá Adelson!
ResponderExcluirÉ 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.
@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.
ResponderExcluir@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!
Oi Adelson,
ResponderExcluirComo sempre, ótimas dicas.
Mas me diga uma coisa: Qual seria o tempo de carregamento ideal, em média?
Um abração.
Ótimo Post, irei aplicá-lo.
ResponderExcluirGostei do aplicativo. Existe um que é do próprio Google que te ajuda e muito: http://pagespeed.googlelabs.com/pagespeed/
ResponderExcluirO 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.
@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.
ResponderExcluir@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!
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.
ResponderExcluirPretendo mudar, em breve, o meu template e, com muita certeza, irei colocar esse artigo em pratica.
Boa sorte Adelson!
Olá, Tynn!
ResponderExcluirSim, 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!
É 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.
ResponderExcluirAqui 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
www.hospedagem-anual.com.br
Olá!
ResponderExcluirÓ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!