Entendendo e otimizando a velocidade do seu site

O que é velocidade da página?

A velocidade da página é a quantidade de tempo que leva para o conteúdo da página de um site carregar totalmente. Em um mundo onde as pessoas esperam resultados instantâneos, quanto mais rápido, melhor.
Na verdade, quase metade dos usuários da web espera que um site carregue em 2 segundos ou menos, e eles tendem a abandonar um site que não é carregado em 3 segundos, de acordo com pesquisas feitas pela Akamai e Gomez.com .
Mas quanto tempo a maioria dos sites leva para carregar?
Os padrões que muitos têm usado para o tempo de carregamento da página vêm de um estudo conduzido por Geoff Kenyon onde ele compara a velocidade do site com o resto da web:
● Se o seu site carregar em 5 segundos, é mais rápido do que aproximadamente 25% da web ● Se o seu site carregar em 2,9 segundos, é mais rápido do que aproximadamente 50% da web ● Se o seu site carregar em 1,7 segundos, é mais rápido do que aproximadamente 75% da web ● Se o seu site carregar em 0,8 segundos, é mais rápido do que aproximadamente 94% da web
Então, como você pode determinar como seu site se compara?

Como determinar a velocidade e a pontuação da sua página

Veja como medir como seu site se compara:
1. Entre no seu site Velocidade do site do Google Analytics Relatórios. Isso lhe dará uma ideia de como Seu site teve um desempenho em vários períodos de tempo e a velocidade de carregamento de cada uma de suas páginas. 2. Insira o URL do seu site em Ferramenta PageSpeed Insights do Google . Isso lhe dará um boletim sobre O desempenho de velocidade do seu site em dispositivos móveis e desktops. O relatório vem com Algumas ações recomendadas que você pode tomar para melhorar a velocidade do seu site. 3. Verificar Teste de velocidade do site do Pingdom para descobrir a velocidade, classificação e porcentagem mais rápida do que o média de sites testados do Pingdom 4 . GTMetrix fornecerá uma visão abrangente do status de otimização de velocidade do seu site.
Nota : Não se confunda quando vir tempos de velocidade diferentes no Pingdom e no Gtmetrix. Como o Pingdom mostrará o tempo de carregamento (o tempo que leva para mostrar o primeiro resultado do seu site - é isso que o Google conta e você também deveria) e o GTmetrix mostrará o tempo de carregamento total (o tempo que leva para mostrar uma página inteira com todas as suas funcionalidades em execução).
Para entender mais, é sempre bom ver a cascata de velocidade de ambas as ferramentas.

Por que a velocidade da página é importante?

Preencher a lacuna entre as expectativas do usuário (2 segundos) e o tempo médio de carregamento do site (5 segundos) é o objetivo da otimização da velocidade da página e as táticas que descreveremos mais adiante. Mas por que exatamente a velocidade da página é importante? Tudo se resume a 3 razões principais interconectadas:

1. A velocidade mata o UX

A experiência do usuário é provavelmente a razão mais importante pela qual você deve se preocupar com a velocidade do site, então vamos começar aqui.
As pessoas não têm mais paciência para sites de carregamento lento. No início, apenas conectar-se à internet exigia uma tolerância que simplesmente não existe mais.
Hoje, as pessoas estão constantemente online e você tem no máximo 3 segundos para exibir sua página ou elas desaparecem. Mais de 3 segundos criam uma experiência ruim para o usuário e a barra só vai ficar mais alta no futuro.

2. A velocidade mata o SEO

A experiência do usuário é, na verdade, a força motriz por trás das implicações de SEO da velocidade do site. Embora o Google tenha demorado a revelar oficialmente se sites lentos receberiam rebaixamentos de classificação, parece que esses dias estão chegando . Você precisa ter certeza de que seu site está pronto.

3. A velocidade mata as conversões

O efeito da velocidade do seu site nas conversões é o que realmente deve chamar sua atenção. Como você pode mover as pessoas pelo seu funil se cada etapa leva uma eternidade? Seus superfãs farão isso, mas aquelas pessoas novas e hesitantes que são propensas ao remorso dos compradores vão saltar.

8 táticas para fazer seu site carregar mais rápido

Acelerar seu site não será necessariamente muito fácil. Se você tem um site pequeno e leve, talvez precise apenas tentar algumas táticas nesta lista.
No entanto, sites grandes e mais antigos, com muito código e conteúdo, podem exigir alguma persistência e a implementação de várias táticas na lista a seguir.
Veja por onde começar:

1. Aproveite o cache do navegador:

Quando você visita sites, seu navegador geralmente armazena em cache as páginas do site para acelerar o tempo de carregamento.
O cache do navegador armazena arquivos de recursos da página da Web em um computador local quando um usuário visita uma página da Web, portanto, aproveitar o cache do navegador é quando você instrui os navegadores sobre como seus recursos devem ser tratados.
As coisas podem ficar mais lentas quando a resposta do servidor não inclui cabeçalhos de cache ou se os recursos são especificados para serem armazenados em cache por apenas um curto período de tempo.
Aproveitar o cache carregará suas páginas muito mais rapidamente para visitantes recorrentes, assim como outras páginas que compartilham esses mesmos recursos.
Veja como fazer isso

2. Otimize as imagens:

Se as imagens carregam mais rápido, seu site carrega mais rápido, ponto final. O Google observa que “… As imagens geralmente representam a maioria dos bytes baixados em uma página. Como resultado, a otimização de imagens geralmente pode gerar algumas das maiores economias de bytes e melhorias de desempenho."
Isso significa que você pode obter grandes melhorias quando as imagens em suas páginas podem ser otimizadas para reduzir o tamanho do arquivo sem afetar significativamente sua qualidade visual.
Veja como fazer isso

3. Reduza HTML, CSS e JavaScript:

A minimização remove todos os caracteres desnecessários que não são necessários para a execução do código.
As fontes de dados redundantes que você pode remover incluem comentários e formatação de código, remoção de código não utilizado, uso de nomes de variáveis e funções mais curtos e muito mais.
Veja como fazer isso

4. Ative a compactação gzip:

A compactação Gzip reduz drasticamente o tamanho dos arquivos enviados do seu servidor quando alguém visita seu site. Isso vai acelerar consideravelmente as coisas.
De acordo com GTMetrix ,
"A razão pela qual o gzip funciona tão bem em um ambiente web é que os arquivos CSS e HTML usam muito texto repetido e têm muitos espaços em branco. Como o gzip compacta strings comuns, isso pode reduzir o tamanho das páginas e folhas de estilo em até 70%!"
Veja como fazer isso

5. Reduza o tempo de resposta do servidor:

O tempo de resposta do servidor é a quantidade de tempo que leva para um servidor web responder a uma solicitação de um navegador. Este é um problema importante a ser resolvido porque, se o tempo de resposta do servidor for lento, suas páginas serão exibidas lentamente, não importa o quão otimizadas suas páginas estejam para velocidade.
O Google diz que você deve reduzir o tempo de resposta do servidor para menos de 200 ms. Então, como você faz isso acontecer?
Veja como fazer isso

6. Evite redirecionamentos da página de destino:

Seu site pode realmente ficar lento quando você tem mais de um redirecionamento do URL fornecido para a página de destino final. Isso desencadeia um loop de redirecionamento que leva tempo para ser processado.
Aqui estão um Alguns exemplos de redirecionamentos que podem atrasar as coisas:
example.com → m.example.com/home – Penalidade de várias viagens de ida e volta para usuários móveis. example.com → www.example.com → m.example.com – experiência móvel muito lenta.
Veja como fazer isso

7. Priorize o conteúdo visível:

Esta é a mensagem exata que você receberá da ferramenta PageSpeed do Google quando viagens de ida e volta adicionais à rede forem necessárias para renderizar o conteúdo acima da dobra da página.
Esse conteúdo "acima da dobra" é o que você vê em um desktop ou dispositivo quando visita uma página. Portanto, priorizar o conteúdo visível é a recomendação de que você priorize as coisas para que os elementos essenciais em sua página sejam carregados primeiro (e rapidamente) para os usuários e que você adie os elementos secundários da página, como plug-ins de compartilhamento social, javascript de análise, etc.
Veja como fazer isso

8. Elimine JavaScript e CSS de bloqueio de renderização em conteúdo acima da dobra:

Os recursos JavaScript e CSS geralmente impedem que sua página seja exibida até que estejam totalmente carregadas. Isso geralmente é uma boa ideia, pois a exibição prematura do seu conteúdo acima da dobra pode parecer bastante grotesca.
No entanto, essa é uma mensagem comum que você receberá do Google sobre a velocidade do site, e abordá-la pode realmente aumentar a velocidade da sua página.
Veja como fazer isso
Nota : Esta é a coisa mais difícil de consertar para a maioria das pessoas. Existem plugins do WordPress que simplesmente fazem isso, mas podem fazer seu site parecer Frankenstein a cada carregamento.
Quer sites WordPress hospedados no Google Cloud ultrarrápidos? Entre em contato conosco hoje!