Como melhorar a conversão? Neste post você vai encontrar 10 maneiras de acelerar o seu site e melhorar a conversão, Para mim só tem sentido em otimizar o site se ele for para aumentar minhas visitas e a como consequência vai aumentar meu lucro.

O profissional de Marketing Digital, quando escrevem um post, já sabe quem o conteúdo vai atrair e como este conteúdo pode transformar aquele visitante em cliente. Para quem não esta familiarizado com o processo vou tentar resumir aqui um pequeno funil de vendas. Antes de propriamente entender o que fazer é importante saber porque devo fazer.

A entrada (Atrair) é o topo do funil. No topo de funil caso não esteja muito familiarizado com funil de vendas. se não sabe o que é um funil de vendas aqui tem um link da marketing de conteúdo

Então nosso objetivo vai ser baixa o tempo de carregamento do nosso site, isso serve de critério para o Google melhor a posição do seu site nas busca orgânica do Google. Um exemplo da preocupação do Google com a velocidade de Carregamento de um site é que ele sempre lança conteúdo e ferramente para medir a velocidade.

Page Speed Insights, do Google
E uma ferramenta do Google feita para desenvolvedores de site (webmaster) analisa o carregamento do site tanto em PC quanto em dispositivos celular.  Ele ainda da uma avaliação com observações do que deve fazer para melhor o desempenho

O Google não parou Page Speed Insights e lançou uma outra ferramente Test My Site que faz um teste de velocidade do site para dispositivos móveis e como o seus antecessor disponibiliza recomendações para melhorar o desempenho do site

O Google criou esta ferramenta por perceber que já temos mais busca por celular do que por PC. “O usuário espera que o site carregue rápido e esse tempo tem impacto direto na geração de negócio”, Foi o Comentário da Fabiana Fregonesi, gerente de soluções para PMEs do Google.

Como já é tradição a ferramenta é gratuita e fácil de usar. Aqui vou deixar o link para você usar a Ferramente, como também vou deixa 10 dicas para acelerar o seu site e melhorar a conversão

Mas o que é importante analisarmos, primeira coisa você esta numa competição com seus concorrente e o melhor site ganha a melhor posição. Em uma busca o usuário vai até a 5º posição no máximo. O Google se esforça para entregar o melhor resultado no menor tempo possível. Diferente do varias pessoas pensem o Google não quer as pessoas fiquem estacionada no site dele, já que isso consome recursos, O negocio do Google é baseado em CPC (custo por clique) do Google AdWords

 

 

Cada segundo é importante, quanto mais rápido seu site carrega melhor é para o Google e como consequência para você.

Veja como é importante cada segundo a Amazon relatou um aumento das receitas para cada 100 milissegundos de melhoria na velocidade de carregamento do seu site

Assim fez Walmart, que encontrou um aumento de 2% nas conversões para cada 1 segundo de melhoria.

Isso para você entender a importância de melhorar a velocidade de carregamento do seu site e como isso vai melhorar a conversão, nem é Coincidência que os grandes magazines estão atento é uma maneira de melhorar a conversão

Isso não é tudo. Um estudo realizado pela  Akamai que constatou o seguinte:

• 47% das pessoas esperam uma página web para carregar em dois segundos ou menos.
• 40% vai abandonar a página web se leva mais de três segundos para carregar.
• 52% dos compradores on-line diz que a página que carrega rápido são importantes por sua lealdade a um site.

Mas a velocidade de carregamento do site médio aumentou 22% este ano, de acordo com um relatório da Radware. Agora leva 7,72 segundos para carrega-la longe do limite de dois segundos do seu usuário médio.

Claramente, acelerando o seu site é fundamental para melhorar a conversão, não apenas para a classificação no Google, mas para manter seus lucros em alta.

Para começar agora a melhorar a conversão 10 coisas que você pode fazer para diminuir em alguns segundos o carregamento do seu site.

10 maneiras de acelerar o seu site e melhorar a conversão

1. Minimizar solicitações HTTP

De acordo com o Yahoo, 80% do tempo de carregamento de uma página da Web é gasto baixando as diferentes peças da página: imagens, folhas de estilo, scripts, Flash, etc. Uma solicitação HTTP é feita para cada um destes elementos, portanto, quanto mais em -páginas componentes, mais tempo leva para processar a página.

Sendo esse o caso, a maneira mais rápida para melhorar a velocidade do site é simplificar o seu design.

Agilize o número de elementos em sua página.
Use CSS em vez de imagens sempre que possível.
Combine várias folhas de estilo em um só.
Reduzir roteiros e colocá-los na parte inferior da página.
Lembre-se sempre, quando se tratar de seu site, mais magro é melhor.

Pro Dica: Comece uma campanha para reduzir o número de componentes em cada página. Ao fazer isso, você reduz o número de solicitações HTTP necessários para tornar a página mais leve e você vai melhorar significativamente o desempenho do site e ajuda a melhorar a conversão.

2. Reduza o tempo de resposta do servidor

Se seu alvo é o tempo de resposta do servidor de menos de 200ms (milissegundos). E se você seguir as dicas deste artigo, você está em seu caminho para alcançar este objectivo.

O Google recomenda o uso de uma solução de monitoramento de aplicativos web e verifica se há gargalos no desempenho.

Pro Dica: Leia este relatório por SingleHop, Necessidades Ecommerce infra-estruturas críticas, aprenda nove coisas que você precisa se ​​concentrar em manter seu site com um bom desempenho.

Em seguida, toque nesses recursos:

Yslow – para avaliar a velocidade do seu site e obter dicas sobre como melhorar o desempenho.
Do Google Ferramentas PageSpeed ​​- para saber mais sobre o desempenho de melhores práticas e automatizar o processo.

3. Ative a compactação

Páginas grandes (que é o que você poderia ter se você estiver criando conteúdo de alta qualidade) são muitas vezes 100KB e muito mais. Como resultado, eles são volumosos e lentos para download. A melhor maneira de acelerar o seu tempo de carga é fechá-los com uma técnica chamada compressão.

A compressão reduz a largura de banda de suas páginas, reduzindo assim a resposta HTTP. Você pode fazer isso com uma ferramenta chamada Gzip.

A maioria dos servidores web pode compactar arquivos em formato Gzip antes de enviá-los para download chamando um módulo de terceiros ou usando rotinas internas. De acordo com Yahoo, isso pode reduzir o tempo de download em cerca de 70%.

E uma vez que 90% do tráfego da Internet de hoje viaja através de navegadores que suportam Gzip, é uma ótima opção para acelerar o seu site.

Pro Dica: Leia este artigo para obter mais detalhes sobre a compactação Gzip. Em seguida, configure o servidor para ativar a compactação:

Apache: Use  mod_deflate
Nginx: Use  HttpGzipModule
IIS:  configurar a compressão HTTP

4. Ative o cache do navegador

Quando você visita um site, os elementos da página que você visita são armazenadas em seu disco rígido, um cache, ou armazenamento temporário, para que na próxima vez que você visitar o site, seu browser possa carregar a página sem ter que enviar outra solicitação HTTP para o servidor.

Veja como Tenni Theurer, ex-Yahoo, explica ele …

A primeira vez que alguém chega ao seu site, eles têm de fazer o download dos documentos HTML, folhas de estilo, arquivos javascript e imagens antes de ser capaz de usar sua página. Isso pode ser até 30 componentes e 2,4 segundos.

Tempo de carregamento de página web média:

Uma vez que a página foi carregada e os diferentes componentes armazenados no cache do usuário, apenas alguns componentes precisa ser baixado para visitas subsequentes.

No teste de Theurer, que tinha apenas três componentes em 9 segundos, que raspou quase 2 segundos do tempo de carregamento.

O tempo de carregamento depois de caching

Theurer diz que 40-60% de visitantes diários para o seu site entram com um cache vazio, por isso é fundamental que você faça sua página rápida para esses visitantes de primeira viagem. Mas você também precisar habilitar o cache para fazer a barba a tempo fora as visitas subsequentes.

Recursos estáticos devem ter um tempo de vida do cache de pelo menos uma semana. Para obter recursos de terceiros, como anúncios ou widgets, eles devem ter um tempo de vida do cache de pelo menos um dia.

Para todos os recursos armazenáveis ​​(JS e CSS, arquivos de imagem, arquivos de mídia, PDFs, etc) o conjunto expira em no mínimo uma semana, e de preferência, até um ano no futuro. Não defini-lo para mais de um ano no futuro, porque viola as diretrizes RFC.

[et_bloom_inline optin_id=”optin_1″]

5. Recursos poupar código

Uma maneira de deixar site mais rápido é criar códigos limpos isso quer dizer usar só o necessário,  mas hoje em dia a quase todos usam WordPress, fica complica alterar os códigos principalmente para quem não é especialista em php e WordPress.

Aqui está a recomendação do Google:

Para testar o HTML, você pode usar  PageSpeed ​​Insights   para gerar uma versão otimizada do seu código HTML. Execute e análise  a sua página HTML e procure a regra ‘Minify HTML‘. Clique em “Ver conteúdo otimizado” para obter o código HTML otimizado.

Para ajustar CSS, você pode tentar  YUI Compressor  e  cssmin.js.
Para ajustar JavaScript, experimente o  Encerramento Compiler,  JSMin  ou o  YUI Compressor. Você pode criar um processo de construção que utiliza essas ferramentas para testar e renomear os arquivos de desenvolvimento e salvá-los em um diretório de produção.

Minha dica use WordPress tema profissional e somente plugin necessário 

6. Otimizar imagens

Com imagens, você precisa se concentrar em três coisas: tamanho, formato e o atributo src.

Tamanho da imagem

Imagens extra grandes demoram mais para carregar, por isso é importante que você mantenha suas imagens tão pequenas quanto possível. Use ferramentas de edição de imagem para:

Cortar suas imagens para o tamanho correto. Por exemplo, se sua página é 570px de largura, redimensionar a imagem para que a largura. Não basta fazer upload de uma imagem de 2000px de largura e definir o parâmetro de largura (width = “570”). Isso retarda o seu tempo de carregamento da página e cria uma experiência de usuário ruim.
Reduzir a profundidade de cor para o nível mais baixo aceitável.
Remover comentários de imagem.
Formato de imagem

JPEG é a sua melhor opção.
PNG também é bom, embora navegadores mais antigos podem não suportar totalmente isso.
GIFs só deve ser usado para pequenas ou gráficos simples (menos de 10 × 10 pixels, ou uma paleta de cores de 3 cores ou menos) e para imagens animadas.
Não use BMPs ou TIFF.
Atributo Src

Uma vez que você tenha o tamanho e formato certo, certifique-se que o código está certo também. Em particular, evite códigos imagem src vazias.

Em HTML, o código para uma imagem inclui o seguinte:

Quando não há nenhuma fonte nas aspas, o navegador faz uma solicitação para o diretório da página ou para a página em si. Isto pode adicionar tráfego desnecessário para os servidores e dados do usuário mesmo corruptos.

Tire um tempo para ajustar o tamanho de suas imagens antes de enviá-las. E sempre inclua o atributo src com uma URL válida.

Para garantir a sua carga de imagens rapidamente, acrescentando considerar o plugin WP Smush.it para o seu site.

7. Optimize Entrega CSS

CSS detém os requisitos de estilo para sua página. Geralmente, o seu site acessa essas informações em uma de duas maneiras: em um arquivo externo, que carrega antes de sua página ser processada, e em linha, que é inserido no documento HTML em si.

O CSS externo é carregado na cabeça de seu HTML com código que é algo como isto:

<! – Seus estilos ->

CSS online está alinhado em HTML da sua página e se parece com isto:

exemplo css online

Em geral, uma folha de estilo externa é preferível, pois reduz o tamanho do seu código e cria menos duplicações de código.

Dica: Ao configurar seus estilos, usar apenas uma folha de estilo CSS externa desde folhas de estilo adicionais aumentam as solicitações HTTP. Aqui estão dois recursos que podem ajudar:

Ferramenta de entrega CSS – Indica o número de folhas de estilo externo que o seu site está usando.
As instruções para combinar arquivos CSS externos.
Evite incluindo CSS no código HTML, tal como divs ou seus títulos (como o CSS em linha foto acima). Você começa codificação mais limpa se você colocar tudo em sua folha de estilo CSS externa.

8. Priorize acima da dobra conteúdo

Tendo apenas recomendado que você use apenas uma folha de estilo CSS e não CSS online, há uma limitação que você precisa considerar.
Você pode melhorar a experiência do usuário por ter a dobra acima (topo da página) carregamento mais rápido, mesmo que o resto da página leve alguns segundos para carregar.

Dica: Considere a divisão de seu CSS em duas partes: uma pequena parte em linha que os estilos de elementos acima da dobra, e uma parte externa que pode ser adiada.

9. Reduza o número de plugins que você usa em seu site

Muitos plugins podem retardar o seu site, criar problemas de segurança e muitas vezes causam acidentes e outras dificuldades técnicas.

Dica: Desative e exclua os plugins desnecessários. Em seguida, elimine quaisquer plugins que retardam a velocidade de site.

Tente desativar plugins que comprometam o desempenho do servidor. Desta forma, você pode identificar quaisquer plugins que prejudicam a velocidade do seu site.

10. Reduzir redirecionamentos

Redireciona criar solicitações HTTP adicionais e aumente o tempo de carga. Então você quer mantê-los ao mínimo.

Se você criou um site ágil, é mais que provável, que você tenha o redirecionamentos no lugar para levar os usuários móveis a partir de seu site principal para a versão responsiva.

Dica: Google recomenda que estas duas ações para certificar-se de um redirecionamento responsivo não retardar seu site:
Inclua o  marcação  em suas páginas da área de trabalho para identificar a URL móvel para Googlebot podendo descobrir suas páginas móveis.

A linha inferior

Algumas dessas dicas são fáceis de implementar, mas algumas são táticas avançadas que podem precisar de ajuda de profissionais, se for esse o caso, você pode querer obter ajuda. Solicite uma avaliação e termos que te apresentam a melhor solução.

Se você gosta de fazê-lo sozinho, Google Code tem informações úteis que podem ajudá-lo a melhorar o desempenho do site.

Solução Hospedagem em WordPress

 

Gostou? Então compartilhe estas dicas!

Bonus: Você Sabe Como funciona o leilão no Google AdWords?

Você Sabe Como funciona o leilão no Google AdWords? pic.twitter.com/TgqW5NNkRt

— richard (@richardfullweb) 14 de julho de 2017