Como Otimizar O Tempo De Carregamento Do Seu Site Atrasando JavaScript E Widgets - Parte 1

Você está procurando uma forma de melhorar a velocidade do seu site em termos de velocidade, mas não sabe o que fazer com todas os widgets e JavaScripts que pôs nas barras laterais? Você acabou de testar a velocidade do seu site no Google Page Speed, YSlow ou GTMetrix e descobriu que tem um monte de elementos que andam atrasando o carregamento das páginas do seu site?

Crédito da foto: Stanely Hong

É hora de assumir o controle novamente e usar uma abordagem técnica que não o faça desistir de todas essas coisas legais e recuperar parte ou toda a velocidade do seu site.

Mas, antes de dizer como, é preciso garantir que sei exatamente por que você pode estar tão preocupado com a velocidade do seu site.

• Google agora oficialmente usa a velocidade para definir o posicionamento do seu site dentro dos resultados das buscas. Quanto mais rápido carregar a sua página, mais provavelmente o Google irá preferir o seu site em detrimento de outros com a mesma qualidade de informações sobre um tema determinado.

• Os usuários não esperam tanto como você. Principalmente aqueles que chegam ao seu site pela primeira vez concedem apenas alguns segundos para que o seu site mostre o que eles estão procurando antes de desistir e ir para outro lugar. Ponha-se no lugar de um de seus leitores ou clientes em potencial. Alguma vez você já sentiu que dá para preparar um café enquanto abre os seus sites favoritos? Isso é frustrante, né? Para eles também. E quando existe frustração, perdemos a oportunidade de atrair novos leitores e converter visitantes em clientes.

Neste guia de duas partes, você vai aprender como acelerar o desempenho do seu site para atrasar o carregamento de elementos JavaScript e widgets, como comentários, botões de mídias sociais e assim por diante, melhorar a experiência do usuário e o posicionamento no Google.

O problema com o JavaScript e os widgets é que, ao mesmo tempo em que tornam a web mais atraente e agradável, a sua utilização tem um impacto importante sobre o tempo de carregamento do site, fazendo que sites antes muito rápidos reduzam drasticamente o seu tempo de carregamento.

Apesar deste guia estar escrito em linguagem acessível e você não precisar ser um programador para entender a maioria das informações compartilhadas nele, certamente, não irá prejudicar contar com a ajuda de um competente técnico na implementação das técnicas de otimização de velocidade sugeridas aqui.

Aqui está a Parte 1 deste guia sobre como melhorar a velocidade de carregamento do seu site atrasando widgets e elemntos em JavaScript:

Como Otimizar O Tempo De Carregamento Do Seu Site Atrasando JavaScript E Widgets - Parte 1

Em 9 de abril de 2010, o Google anunciou algo que já se falava pela rede; a velocidade de carregamento do site se tornará um fator de rankeamento no Google.

A partir de agora, os webmasters tem que pensar e economizar cada item que colocam nos seus sites.

As páginas com muitos elementos ativos que atrasam o tempo de carregamento e fazem subir a pressão dos visitantes que ficam irritados com isso já não sairão mais impunes a partir de agora.

Como Tudo Começou...

Desde o começo da internet, as pessoas tem essa tendência de colocar todos os tipos de enfeites em seus sites. GIFs animados, sons dinâmicos e imagens eram visualmente irritantes e às vezes se tornavam um fator importante no atraso do carregamento da página.

Por outro lado, isso não era tão ruim, porque a maioria dos sites que valiam a pena visitar não carregavam no uso desses elementos. A maioria dos sites, especialmente aqueles com conteúdo de qualidade, ainda estavam dentro de uma faixa tolerável.

No entanto, com a chegada dos widgets em JavaScript, as coisas começaram a mudar. A desordem dos códigos que atrasava o carregamento das páginas não aparecia apenas em sites que se visitava apenas por curiosidade. Web sites legítimos e com um trabalho sério também tinham widgets perfeitamente toleráveis.

Você poderia ter um widget para se conectar com os seus visitantes no Twitter, Facebook, etc. Outro widget conduzia seus leitores a comentar usando sua conta do Facebook ou Disqus, eliminando a necessidade de um registro distinto. Isso aumentou o número de spams como nunca antes, porque os links nos comentários em JavaScript não são registrados pelas aranhas a partir do Google e, portanto, não tem nenhum valor para os spammers. Os widgets que permitem que os visitantes compartilhem a URL de um post com seus amigos em várias redes sociais também viraram moda muito rapidamente.

No entanto, alguns destes widgets eram perfeitamente razoáveis e legítimos de se ter em um site, e enriqueciam a experiência do usuário. Outros eram apenas uma demonstração simples da força do "kitsch", que aumentava o tempo de carregamento dos sites e da navegação entre as páginas de alguns sites como um teste de paciência.

Foi quando o Google entrou em cena e anunciou que iria levar a velocidade de carregamento das páginas em conta para o posicionamento de uma página.

O jogo mudou. Se por um lado pode ser útil ter widgets, por outro, pode prejudicar seriamente o seu site.

Como saber se os seus widgets estão te prejudicando? Fácil. Pergunte ao Google.

Como Fica O Posicionamento Do Seu Site De Acordo Com A Velocidade?

Existe uma maneira simples de saber o que o Google pensa sobre a velocidade real do seu site.

Para obter as informações que você precisa, você deve configurar uma conta no Google Webmaster Tools. Aqui é onde o Google diz exatamente qual é a velocidade do seu site e, portanto, qual é a velocidade usada para calcular a posição do seu site.

1. Assim que tiver acessado as Google Webmaster Tools, clique no link com o nome do seu site, e você será redirecionado para o painel.
2. À esquerda, você verá um link "Labs". Clique nele e encontrará uma opção de menu "desempenho de sites". É isso o que você está procurando.
3. Clique nele e poderá ver uma página com um gráfico e uma seção que diz:

   Panorama do desempenho

   Em média, as páginas do seu site demorarão X.Y segundos para carregar (atualizado em [DATA] ). Esta página é mais lenta que XYZ% dos sites.

No momento em que este artigo está sendo escrito, os dados do Google Webmaster Tools não são atualizados com muita freqüência. Às vezes, leva 10 dias para que os números sejam atualizados.

No entanto, aqui é onde você pode ver a velocidade de suas páginas assim como faz o Google e da sua velocidade em comparação aos outros sites. O Google não diz como um site perde posicionamento de acordo com a sua demora para carregar as páginas, mas, obviamente, quanto mais rápido, melhor.

Consequências Também Conhecidas Como "Danos Colaterais"

A web salpicada de kilobytes desnecessários de coisas que reduzem a experiência do usuário vai ter que repensar o que coloca em suas páginas.

Além disso, o que dizer de sites com conteúdo de qualidade e widgets toleráveis?

Esta nova abordagem do Google que recompensa a velocidade significa que todos os sites com páginas de conteúdo longo e em profundidade serão superados por publicações curtas e blogs superficiaies?

Aparentemente não. À luz dessas novas resoluções, analisamos nossas páginas da MasterNewMedia e chegamos a algumas conclusões.

• O tamanho do texto não é um fator determinante para nenhum site. É preciso um bocado de texto para ter um único kilobyte. Por exemplo, o texto completo de "Oliver Twist" ocupa apenas 914 kB (veja o exemplo no Project Gutenberg). Qualquer artigo que possa ser chamando assim será muito menor que o exemplo dado, portanto o comprimento do artigo não tem impacto visível na velocidade de carregamento da página.
• Imagens e vídeos podem ser um problema de acordo com o site de onde vem. Imagens locais não tem problema.
• Os widgets parecem ser o maior problema. Eles vem de outros sites e levam mais tempo para carregar. Sites populares como o Facebook e o Disqus são os maiores problemas em relação ao tempo de carregamento.

No final das contas, de todos os ítens, os widgets são os elemntos que mais tempo demoram para carregar, em seguida, todos os textos e imagens combinados e mesmo com todas as imagens da interface na parte superior. Isso piora nos momentos de pico de tráfego na web, já que é quando a maioria das pessoas requerem os mesmos widgets em milhões de páginas.

A maioria dos widgets vem de vários sites (o Facebook é um exemplo óbvio), e por isso os servidores reduzem a velocidade. Conforme diminuem a velocidade, o mesmo acontece com todas as páginas que contenham esses widgets.

Ter consciência disso não ajuda muito. A maioria dos sites não exagera no uso de widgets. Costuma ter um grupo seleto deles e estão lá para melhorar a experiência do usuário e aumentar a capacidade de interatividade.

Portanto, o que o site pode fazer?

Devemos abandonar as seções de comentários e perder a interatividade com os visitantes para ganhar esses segundos a mais (às vezes, consideráveis segundos a mais)?

E os botões de "compartilhar" que os visitantes podem utilizar através de diferentes redes sociais?

Para melhorar a experiência do usuário com a velocidade de carregamento do site, os widgets só poderiam se transformar em um dano colateral.

Ou talvez não?

Fim da Parte 1

Créditos das fotos:
Como Otimizar O Tempo De Carregamento Do Seu Site Atrasando JavaScript E Widgets - Parte 1 - yellow2j
Como Tudo Começou... - Kmit Ivan
Consequências Também Conhecidas Como "Danos Colaterais" - Aliaksei Lakamkin