Teste a performance de seu site com o GTmetrix

por Celso Lemes em 19/08/2011

na categoria Webmaster

Criar Site em Flash
GTmetrix

O GTmetrix é uma ferramenta muito útil para saber como está o desempenho de seu site, ele analisa diversos fatores, como problemas com o CSS, Javascript, imagens, cache e compactação das páginas entre outros, que podem influenciar no aumento do tempo de carregamento do site quando os visitantes o acessam.

Além de apontar os problemas, ele também dá alguns detalhes que podem ajudar o webmaster/blogueiro a solucionar o problema (caso tenha conhecimento para isso).

relatório gtmetrix2

Ao analisar o CriarSites.com pela primeira vez com o GTmetrix, eu descobri que o site estava com mais de 1.2 MB de peso só na página inicial, o que é muita coisa para um site (embora que brincando com o serviço, eu descobri sites com mais de 3 MB de tamanho :shock: ), por isso eu resolvi eliminar/corrigir o que estava pesando mais no site.

Acabei descobrindo que só a barra do Wibiya, estava com mais de 230 KB de tamanho e que também existiam outras imagens que estão presentes no template que podiam ser otimizadas de forma a ficarem mais leves. Acabei retirando a barra do Wibiya e otimizei a maioria das imagens que aparecem no template. O resultado foi uma queda de mais de 300 KB no peso da página.

É claro que existem diversos outros problemas que o serviço apontou em meu site, mas que infelizmente a maioria deles eu não posso ou não tenho ideia de como resolver, mas estarei atento a eles. No entanto, só de o site estar mais leve, com certeza vai melhorar a navegação para os visitantes, principalmente para os com conexões mais lentas.

teste do criarsites.com no gt metrix

Analise você também o seu site no GTmetrix e descubra potenciais problemas de carregamento de seu site.

Escrito por Celso Lemes

facebooktwittergoogle plus

Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.


{ 3 trackbacks }

Os melhores artigos de agosto de 2011 | Informática Inteligente
05/09/2011 às 3:02 pm
Como Aumentar a Velocidade de Carregamento do BlogAgregador | Agregador
05/10/2011 às 12:39 pm
Como medir a velocidade de carregamento do seu site | LF Tutoriais
05/05/2012 às 3:46 am

{ 43 comentários… leia abaixo ou deixe o seu }

1 Otimizar Blogs 19/08/2011 às 10:50 am

Eu utilizo o Blogger como plataforma, o tamanho da minha página é 547KB, e demora 4.25s. para carregar (usando internet da vivo 36kbps).Avelocidade da intenet e plataforma utilizada para criar o site influenciam no tempo de carregamento.

Responder

2 J.Guimaraes 19/08/2011 às 10:53 am

Olá celso

É uma boa ideia verificar o peso do site.

Difícil é consertar tudo de acordo com o conhecimento que a gente tem.

Daí dá pra ver que criar site é muito mais que manter uma página no ar e renovar o conteúdo.

Responder

3 www.obomdoacupe.com 19/08/2011 às 3:56 pm

Muito boa a dica.
Desde a sua postagem sobre o ultimo mês,
eu procuro um serviço deste tipo,
estou indo agora testar o meu site.

Valew Professor Celso!

Felipe Argôlo.

Responder

4 Celso Lemes 20/08/2011 às 10:07 am

O Bom do Acupe,
Muito obrigado por comentar.

Abraço!

Responder

5 www.obomdoacupe.com 19/08/2011 às 4:10 pm

Acho que estou bem:

Grade página Speed:
(86%)
DYSlow Grade:
(67%)

Tempo de carregamento da página: 10.63s tamanho da página

Total: 743KB Número total de pedidos: 107

Só tive 1 item em vermelho no page speed, que foi o cache do navegador.

éH Valew!

Responder

6 Marques 19/08/2011 às 5:19 pm

Muito boa a dica,
Acredito que um site ou blog com um peso adequado nas páginas e que abra mais rápido pode influenciar diretamente sobre o tráfego. As pessoas estão atentas a isso e um site que demora mais do que 8 segundos para abrir a página inicial com certeza estará sendo prejudicado em sua quantidade de visitas diárias devido a impaciência do internauta moderno que tem a tendência de voltar ao mecanismo de busca após ver seu navegador rodando pra tráz.

Responder

7 Otimizar Blogs 19/08/2011 às 6:13 pm

Legal, acabei de observar agora, dá pra fazer download do relatorio em PDF

Responder

8 mizael silveira 20/08/2011 às 6:49 am

Muito Obrigado Celso pela dica , já tinha usado outros serviços do tipo, mas pra mim este foi o melhor , Ele não só mostra onde esta o problema mas também da as dicas de como resolver e alguns casos te da até o arquivo já otimizado . No meu caso como eu já tinha percebido os Banners de agregadores de links foram os maiores vilões da otimização. Eu achei super interessante ele já dar o arquivo Javascript ou Css já Otimizado, ainda não testei pra saber se vão funcionar perfeitamente.
No site Ferramentas blog tem um post ensinando como fazer pra hospedar o css do blogger em um site externo pra melhorar o carregamento , achei uma ótima dica esta semana estarei fazendo isso.
Pra otimizar imagens em Lote eu uso esse programa que encontra-se no baixaki ” Caesium “

Responder

9 Celso Lemes 20/08/2011 às 10:09 am

Mizael,
Muito obrigado por comentar.

Abraço!

Responder

10 mizael Silveira 03/09/2011 às 10:25 am

Este site ajudou-me a baixar de 88% pra 85% a Page Speed e 2,89s o carregamento .
As Imagens otimizadas funcionaram, os CSS e Javascript compactados pelo Site também funcionaram , porém aumentou o tempo de carregamento talvez por eu ter hospedado em servidor gratuito.
A hospedagem em servidor externo do Css do blogger só funcionou no navegador Chrome .

Responder

11 Celso Lemes 03/09/2011 às 9:24 pm

Mizael,
Os servidores gratuitos costumam apresentar problemas constantes de lentidão. Servidores lentos também podem levar o site a ser penalizado.

Abraço!

Responder

12 Fabio F. Destro 20/08/2011 às 11:53 am

Bem interessante…! Meu site não esta MUITO rápido mais não está devagar! Vou trabalhar para retirar coisas inúteis para melhorar a velocidade!

Responder

13 Felipe Silva 20/08/2011 às 12:56 pm

Otimo artigo e ferramenta util. A importância de nos preocuparmos com o nosso site nesse quesitos, de velocidade e erros, ajuda muito na conquista e na melhor navegação de visitantes.

Responder

14 Daniel Lemes 20/08/2011 às 5:21 pm

Ferramenta ótima pra uso como referência, mas é bom tomar cuidado quando for editar a página levando seus resultados em conta. No meu teste, ele mostrou uns seletores CSS que seriam “inúteis”, levando em conta apenas a página inicial. Por exemplo, se uma certa classe afeta apenas elementos da página de posts, e não é usada na index, o teste a classifica como inútil e sugere que seja removida.
Fora isso, vou continuar testando as sugestões dadas.

Responder

15 Celso Lemes 21/08/2011 às 10:16 am

Daniel,
Interessante isso. Muito obrigado pela dica.

Abraço!

Responder

16 rica 24/08/2011 às 3:25 pm

Amigon, usa um CSS pra home e outro pras páginas internas. Isso vai fazer seu site melhorar muito!

Eu fiz isso, uso um CSS para home e capa de categorias.

Nos artigos eu uso outro CSS.

O tempo de carregamento teve uma boa melhora.

Responder

17 Divulgar site 20/08/2011 às 7:58 pm

Realmente é necessário saber se seu site está muito pesado! Pois o tempo de carregamento pode fazer com que este visitante desista de visita-lo.

Responder

18 Silmar Pirex 21/08/2011 às 8:27 pm

Celso, beleza?
você sabe se existe validador para PHP igual o validator.w3.org? obrigado.

Responder

19 Celso Lemes 22/08/2011 às 10:53 am

Silmar,
Desculpe mas eu não sei se existe ou não algo assim.

Abraço!

Responder

20 Cla Celestial Fórum 21/08/2011 às 9:03 pm

Tem o http://www.webpagetest.org/, é bem completo, mas eu gostei desse também.

Meu blog leva em média 5s e 500k.

Responder

21 Online na Web 21/08/2011 às 11:18 pm

O site é muito bom, mas eu mesmo não sei como resolver os problemas que surgiram, então vai ficar como está mesmo.

Responder

22 Tutoriais e dicas 22/08/2011 às 7:43 am

Caro Celso,
Fiz o teste no meu site de tutoriais e descubri que tenho 600 KB nele (e bom). Tenho 79% em page speed e 76 em Yslow. (site feito em joomla com algumas otimizações no htaccess.)

O meu outro site de hospedagem de sites em wordpress eu tenho apenas 216 kb, 89% de page speed e 85% no Yslow (site otimizado por mim, uso de um plugin para performance no wordpress, e alguns macetes no htaccess.)

O nome do plugin e W3 Total Cache (ele minimiza o CSS, JS, comprime os dois faz browser cache, gzipa tudo e muito mais…) Fora o que vc consegue fazer com o htaccess…. Se quiser posso dar outras dicas de como melhorar a performance no wordpress! Obrigado amigo

Responder

23 Celso Lemes 22/08/2011 às 11:03 am

Tutoriais e Dicas,
Obrigado pela dica. Vou dar uma olhada neste plugin.

Abraço!

Responder

24 Celso 16/11/2011 às 2:06 pm

Sim uso este plugin e mais esses dois WP Minify e WP Smush.it ajudam bastante.

PAZ

Responder

25 Fabio F. Destro 26/08/2011 às 11:33 am

Utilizo este plugin em meu site… Mais não sei configurar direito..! Estou a procura de um bom tutorial que ensine a configurar corretamente! Pois mesmo utilizando tenho 630 kb.. Velocidade 77 e YSlow 72 :’(
Abraços!

Responder

26 Mateus 27/08/2011 às 12:28 pm

Essa ferramenta me ajudou muito! Consegui otimizar meu site e percebi que as visitas aumentaram. Realmente o tempo de carregamento influencia muito!

Responder

27 Miller - Kbaus 02/09/2011 às 6:42 pm

Muito boa dica !

Meu site estava com 2,30 mb oO – Dei uma otimizada, e aos poucos estou deixando mais levinho rsrs.

Responder

28 Celso Lemes 02/09/2011 às 11:55 pm

Miller,
Pesadinho heim. Boa sorte.

Abraço!

Responder

29 ALVARO 03/09/2011 às 2:46 am

Qual o significado destes “links perdidos”, meu blog apareceu 278, tem como corrigir isto?

Responder

30 Celso Lemes 03/09/2011 às 9:16 pm

Alvaro,
Desculpe, mas eu também não sei.

Abraço!

Responder

31 Silmar Pirex 07/09/2011 às 12:07 am

Celso, no meu site o que ficou mais vermelho foi isso”expiration not specified” você sabe o que é, e como arrumar isso?

Responder

32 Anderson 25/09/2011 às 7:20 pm

Caramba, meu site tá bem:
Page Speed – 92%
YSlow – 81%

Fazendo uma comparação com o Google:
Page Speed – 96%
YSlow – 67%

Responder

33 Thiago 02/12/2011 às 7:06 pm

Celso você sabe o que é o “Specify image dimensions”?
É porque o GTmetrix está acusando muito esse problema.
Acho que é sobre as dimensões da imagem mas não sei como resolver.
Poderia me ajudar?

Responder

34 Celso Lemes 03/12/2011 às 10:16 am

Thiago,
A tradução disso é “Especifique as dimensões da imagem”.
O próprio Webnode já adiciona as especificações da imagem. Se você adicionou a imagem sem ser pelo editor do Webnode, copie o código, jogue no editor, clique sobre a imagem e arraste o pontinho quadrado que aparece na borda.
Isso fará com que o editor adicione as dimensões da imagem. Se ela ficar destorcida, tente voltar o ponto preto para o tamanho que era antes.

Agora é só copiar o código novamente e colocar no lugar que deveria estar.

Abraço!

Responder

35 Thiago 03/12/2011 às 10:45 am

Celso no entanto eu uso o Blogger e lá não tem essa opção de arrastar as bordas da imagem para especificar seus tamanhos.
Será que eu devo adicionar o código de especificação de tamanho na opção HTML dentro de meus artigos?
Abraço

Responder

36 Celso Lemes 04/12/2011 às 12:27 pm

Thiago,
Não sei porque eu citei o Webnode. Acho que não prestei atenção ao seu comentário.
No Blogger realmente não tem como fazer isso. Neste caso você vai precisar de um editor de sites como o NVU.

Abraço!

Responder

37 Helen 09/12/2011 às 10:37 am

Olá Celso,

estou começando a criar sites agora e o seu site me ajuda muito! adorei esse post. Para mim, que estou começando agora, pode parecer difícil, pq tem muitos conceitos que não conheço, mas justamente por isso é ótimo para aprender.

Obrigada,

Helen Moraes

Responder

38 Celso Lemes 09/12/2011 às 4:31 pm

Helen,
Eu tento criar artigos o mais simples possível, mas nem sempre isso é possível. Obrigado pela visita.
Se eu for ficar explicando tudo nos mínimos detalhes, o artigo ficaria muito extenso.

Abraço!

Responder

39 Rosiel T.S. 22/12/2011 às 1:03 am

Celso estou com problema, fiz um blog de jogos onlines e quando tento fazer o teste da erro, entrei em contato com o suporte e eles me mandaram um e-mail assim,

Hi,

Thanks for the feedback. I took a look and there’s something on the page which is causing the page to load to an empty page in Firefox 3.6 (which we’re currently running on GTmetrix). We’re currently working on getting GTmetrix upgraded to the latest Firefox, but that isn’t ready yet. Otherwise, to get your page working in GTmetrix, you would need to track down what exactly is causing Firefox to do that (it’s probably some JavaScript widget).

então coloquei o template original (sem modificações) e fiz novamente o teste e também deu erro, então coloquei o mesmo template original (sem modificações) em um blog teste e o teste deu certo, porque não consigo fazer o teste no blog de jogos?

Abraços!!!

Responder

40 Celso Lemes 23/12/2011 às 9:46 am

Rosiel,
Eu também não tenho ideia. Segundo a mensagem que eles te mandaram, pode ter algum javascript neste blog que está impedindo o carregamento da página no Gtmetrix. Você tem que descobrir o que é e eliminar ele do blog. Pode ser algum Gadget que você adicionou.

Abraço!

Responder

41 Rosiel T.S. 23/12/2011 às 5:17 pm

Celso consegui arrumar, era caixa de pesquisa que tava com um JavaScript, quando fui fazer a caixa de pesquisa sem querer marquei a opção “Transliteração”, agora desmarquei e deu pra fazer o teste :) :) .

Obrigado e abraços!!!

Responder

42 Celso Lemes 24/12/2011 às 8:48 am

Rosiel,
Hehe, que bom que você descobriu o problema.

Abraço!

Responder

43 Cristiano 04/02/2012 às 4:47 pm

Ola Celso muito boa dica, gostei muito desse serviço é muito utíl, já testei meu blog obrigado.

Abraço.

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Post Anterior:

Próximo Post

aprenda a ganhar dinheiro na internet com blogs lucrativos