(11) 4312-0122 Consultores de Seo e Adwords

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

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

Tenho algumas perguntas para te fazer:
1 segundo é importante?
5 segundos são importantes?
A velocidade do seu site é importante?
Você sabe quanto tempo seu site demora para carregar?

Leia esta matéria ate o final e entenda a importância de cada segundo.

UM BONUS: Teste seu site, tenha um diagnostico do seu site

Há um segundo de atraso em rendimentos tempo de carregamento da página podem gerar:

  • 11% menos visualizações de página
  • Diminuição de 16% na satisfação do cliente
  • Perda de 7% nas conversões (fonte: Aberdeen Group)

E agora é ou não importante a velocidade do site?

Na Amazon encontrei estes dados e para ser verdadeiro, relatando um aumento das receitas de 1% para cada 100 milissegundos de melhoria com sua velocidade local. (fonte: Amazon)

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

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, não apenas para a classificação no Google, mas para manter seus lucros bottom-line de alta. Então, hoje, eu estou indo em profundidade, a partir de 10 coisas que você pode fazer para diminuir em alguns segundos fora da sua velocidade local e desfrutar de maiores lucros.

10 coisas que você pode fazer para acelerar o seu site

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.

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.

5. Recursos apoucar
Recursos WYSIWYG pode torná-lo fácil de construir uma página Web, mas às vezes criar código é confuso e pode retardar seu site consideravelmente.

Uma vez que cada peça desnecessária de código adiciona ao tamanho da sua página, é importante que você elimine os espaços extras, quebras de linha e recuo em seu código para suas páginas que são tão magras quanto possível.

Ela também ajuda a poupar o seu código. Aqui está a recomendação do Google:

Para testar o HTML, você pode usar  PageSpeed ​​Insights Chrome Extension  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.

avalie-seu-site
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:

<img src = “”>

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

<link rel = “stylesheet” tipo “text / css” media = = “all” href = http: //yourURL/style.css />

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  <link rel = “alternate”> 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.

avalie-seu-site

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.

A Fullweb possui solução que inclui desde a hospedagem de servidor de alta performance no Brasil  e total gerenciamento do seu site.
Agora é sua vez. Você vai com tudo pra cima para acelerar o seu site?

 

Gostou? Então compartilhe estas dicas!