Teste a performance de seu site com o GTmetrix

Like
Like Love Haha Wow Sad Angry

Teste a performance de seu site com o 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 😯 ), 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.

Gostou do artigo Teste a performance de seu site com o GTmetrix? Ainda tem dúvidas ou sugestões? Então deixe um comentário abaixo.

Like
Like Love Haha Wow Sad Angry

Sobre Celso Lemes

Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.   Baixe grátis o e-book 12 Passos para Divulgar seu Site ou Blog.
Adicionar a favoritos link permanente.

43 Comments

  1. Otimizar Blogs

    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.

  2. 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.

  3. 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.

  4. Otimizar Blogs

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

  5. 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 “

    • Mizael,
      Muito obrigado por comentar.

      Abraço!

    • 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 .

  6. Fabio F. Destro

    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!

  7. 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.

  8. 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.

    • Daniel,
      Interessante isso. Muito obrigado pela dica.

      Abraço!

    • 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.

  9. Divulgar site

    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.

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

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

  12. 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

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

  14. Muito boa dica !

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

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

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

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

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

  18. Pingback:Como Aumentar a Velocidade de Carregamento do BlogAgregador | Agregador

  19. 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?

    • 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!

      • 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

        • 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!

  20. 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

    • 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!

  21. 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!!!

    • 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!

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

    Abraço.

  23. Pingback:Como medir a velocidade de carregamento do seu site | LF Tutoriais

  24. wallacemaxters

    Olá, Celson

    Eu não conhecia essa ferramenta antes de visitar o CriarSites.
    A ferramenta é extremamente útil, e, com ela, é possível também avaliar, por exemplo, qualquer outro site, o que é extremamente útil para você “aprender com os mais velhos” se você for um iniciante no ramo.

    Com ela, realmente vi a necessidade de otimizar as fotos para pôr no blog e, da mesma forma, aprendi também que excesso de javascript pode prejudicar o blog!

    Obrigado pela dica,

  25. Olá Celso!

    Não imaginava que meu blog estava tão pesado assim. E muito menos tão lento.

    Preciso tomar providencias urgentes.

    É um serviço realmente muito útil.

    Obrigado pela dica!

    Abraços!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *