12 maneiras práticas de melhorar a velocidade da página
Ter velocidade de página rápida é definitivamente vital para melhorar a classificação do mecanismo de pesquisa do seu site, as taxas de conversão e as experiências gerais do usuário.
Se o seu site não estiver funcionando com desempenho máximo, essa lentidão pode estar custando muito em classificações mais baixas e menos tráfego orgânico. A velocidade da página tem um grande efeito no comportamento e nas conversões do usuário do seu site.
Em geral, os usuários esperam apenas três segundos antes de abandonar o navio. Cerca de 44% dos internautas também relatam ficar ansiosos com a transação quando o site carrega mais devagar.
Ao navegar por diferentes produtos em seu site, torna-se muito frustrante quando os usuários precisam esperar mais 10 segundos para navegar. Mesmo um atraso de dois segundos no tempo de carregamento pode causar uma taxa de abandono de 87% nas transações. Apenas um segundo de atraso pode causar perda de 7% nas conversões de clientes também. Isso pode afetar negativamente sua receita, especialmente quando seus visitantes irritados se voltam para seus concorrentes mais próximos.
“Dois terços (67%) dos compradores do Reino Unido e mais da metade (51%) dos EUA disseram que a lentidão do site é o principal motivo pelo qual abandonariam uma compra.”
Vamos imaginar que seu site tenha um milhão de visitantes mensais, um preço médio de produto de $ 10 e uma taxa de rejeição de 50%, um tempo de carregamento da página do produto de seis segundos causaria uma perda de conversão de 42%! Isso equivale a 250.000 usuários deixando seu site e não fazendo uma compra devido aos tempos de carregamento lentos. Mensalmente, isso custaria US$ 2,1 milhões em receita perdida. Além disso, um estudo de caso prova que a velocidade lenta da página custa aos varejistas £ 1,73 bilhão em vendas perdidas a cada ano.
Agora está claro que a velocidade mais lenta do site pode ser prejudicial para seus resultados, mas também pode prejudicar suas classificações nos mecanismos de pesquisa. O Google adora sites que fornecem boas experiências ao usuário e geralmente verifica isso por meio de pula-pula e tempo de espera. A quantidade de tempo que os usuários permanecem no seu site antes de retornar aos resultados do mecanismo de pesquisa é usada para descrever o quão informativo e útil é o seu site. Embora a duração média do site, seu número de visitantes recorrentes versus visitantes únicos, taxas de saída e taxas de rejeição não sejam fatores de classificação de pesquisa, eles desempenham um papel essencial na experiência do usuário, que é o fator de classificação de pesquisa definitivo para o Google.
Como já discutimos, a baixa velocidade da página afeta gravemente as experiências do usuário e resulta em uma queda nas classificações do mecanismo de pesquisa que não fará com que você seja notado. Portanto, é crucial que você acelere seu site para impedir perdas indesejadas em todo o seu trabalho árduo. Recomendo verificar a velocidade do seu site através da ferramenta Google PageSpeed. Se você não está no 100, não se preocupe porque nem o Google.com tem 100/100. Aqui estão as velocidades de página dos 10 principais sites do mundo:
- Google- 92/100 (desktop) e 78/100 (celular)
- Facebook- 89/100 (Desktop) e 71/100 (Mobile)
- YouTube- 74/100 (desktop) e 75/100 (celular)
- Baidu- 98/100 (Desktop) e 100/100 (Mobile)
- Yahoo- 81/100 (desktop) e 66/100 (celular)
- Wikipedia- 85/100 (Desktop) e 66/100 (Mobile)
- Amazon- 87/100 (Desktop) e 46/100 (Mobile)
- Twitter- 81/100 (Desktop) e 45/100 (Mobile)
- Taobao- 80/100 (Desktop) e 59/100 (Mobile)
- QQ- 58/100 (Desktop) e 41/100 (Mobile)
O Google recomenda que os sites se esforcem para atingir uma velocidade de página ideal de 85 ou superior, tanto para a versão para computador quanto para o dispositivo móvel. Certifique-se de ter um site compatível com qualquer dispositivo móvel, pois o Google lançará uma atualização compatível com dispositivos móveis em 21 de abril. Evite erros comuns de SEO móvel para garantir que seu site não seja prejudicado com esta atualização.
É surpreendente observar que apenas 14% dos 100 principais sites abrem em menos de três segundos e que quase um décimo levou 10 segundos ou mais para funcionar corretamente. No entanto, isso provavelmente não será bom para o seu negócio. Portanto, concentre-se em criar um site ultrarrápido que seja conveniente para seus usuários e mais lucrativo em sua carteira. Abaixo estão minhas 12 principais dicas de como você pode facilmente começar a aumentar a velocidade da sua página.
1 Otimize suas imagens
Em primeiro lugar, você precisará otimizar todas as imagens apresentadas em sua página da Web para ter alguma chance de acelerar seu site. Remova os comentários extras, espaço desnecessário e cores inúteis da fonte de suas imagens. Salve suas imagens no formato JPEG porque ele usa menos capacidade enquanto ainda mantém a qualidade da imagem perfeita. No Photoshop, você pode usar CTRL+SHIFT+ALT+S para otimizar e salvar imagens automaticamente no menor tamanho possível.
Para o seu site WordPress, aconselho usar o plug-in smush.it para otimizar as imagens do seu site automaticamente e receber um aumento de velocidade. Se você tiver imagens salvas no formato PNG, também poderá usar o tinypng para otimizar a imagem e melhorar a qualidade da imagem.
2 Habilite a compactação GZip
A compactação GZip pode parecer complicada, mas é simplesmente um termo amplo usado para reduzir o tamanho da resposta HTTP para melhorar o tempo de resposta. Como isso permite que seu site envie um arquivo GZip em vez de um arquivo HTML para o navegador, você reduzirá o tempo de espera da página e o tempo de carregamento. Para o servidor Apache, você pode habilitá-lo adicionando o seguinte código ao seu arquivo .htaccess:
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
No entanto, certifique-se de verificar seu trabalho com o verificador de compactação GZip. Se o código não permitir a compactação, remova o antigo e use o código abaixo:
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:
SetOutputFilter DEFLATE
Ou use o seguinte código PHP na parte superior do seu arquivo HTML/PHP:
Um cache de navegação é usado para armazenar determinados arquivos de um site no navegador, mas ter um cache de navegação entupido pode reduzir significativamente o tempo de carregamento. Felizmente, você pode aproveitar o cache de navegação ativando os cabeçalhos expires no arquivo .htaccess. Utilize o seguinte código para ativar esta função:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
## EXPIRES CACHING ##Usar o cabeçalho expires tem um problema que você deve observar. Depois de definir a expiração de um mês para um arquivo, quaisquer alterações nesse arquivo não serão refletidas para um usuário que já visitou a página no último mês. Definir um prazo de validade de um ano geralmente é comum porque é menos provável que haja alterações ao longo desse período. Você pode usar o último cabeçalho modificado ou um cabeçalho etag para recursos armazenáveis em cache.
4 Ativar Keep-Alive
O cabeçalho Keep-Alive é importante para reduzir o período de latência para solicitações subsequentes entre o navegador e o servidor. Depois de apertar o botão enter para abrir um site, os navegadores solicitam que o servidor envie o arquivo html da página da web específica. Em seguida, o navegador lê. Se houver um script Java ou CSS, ele solicita novamente que o servidor envie os respectivos arquivos. Como você pode imaginar, essas comunicações aumentam o tempo de carregamento da página.
Use um cabeçalho Keep-Alive para manter a conexão assim que os arquivos completos forem transferidos para o navegador para visualização. Abaixo está o código usado no arquivo .htaccess para habilitá-lo.
Header set Connection keep-alive
5 Usar CDN
A Content Delivery Network (CDN) é uma coleção de servidores web distribuídos em vários locais com o objetivo de entregar o conteúdo solicitado de forma mais eficiente aos visitantes. Você pode usar a frente da nuvem Amazon ou MaxCDN para habilitar o CDN em seu site.
6 Minificar CSS
Minimizar as Cascading Style Sheets (CSS) significa simplesmente diminuir o tamanho do CSS removendo qualquer espaço em branco extra. Fique atento a quaisquer códigos desnecessários que também estejam diminuindo seu tempo de velocidade. Minimize seu CSS e use o novo código para carregar seu site com muito mais rapidez. Não importa se você usa seu CSS embutido, combinado ou com arquivos externos, menor sempre será melhor.
7 Minimize HTML e Javascript
Na mesma linha, você deve minimizar o HTML e o Javascript para fazer com que suas páginas carreguem consideravelmente mais rápido. Isso também proporcionará uma melhor experiência do usuário.
8 Evite Redirecionamentos
O redirecionamento é uma sensação avassaladora de irritação para os visitantes do site. É como ir à casa de um amigo e descobrir que seu amigo se mudou para outra casa a três quarteirões de distância. Ser redirecionado para outras páginas da Web consome tempo extra, reduz a velocidade de carregamento e faz com que seus usuários gemam de frustração. Portanto, sempre aconselho que você evite redirecionamentos em qualquer página do seu site, a menos que não tenha outra opção.
9 Especifique um conjunto de caracteres
Especificar o conjunto de caracteres para um site é outra ótima técnica para acelerar a renderização do navegador para carregamentos de página extremamente rápidos. Também é simples de conseguir usando o seguinte código no cabeçalho:
Além disso, muitos CMS usam um script PHP para adicionar o conjunto de caracteres ao cabeçalho. Se você se sentir confortável fazendo isso, também poderá usar o código em vez de um script. De qualquer forma, você fará bons progressos na redução da solicitação de função de chamada.
10 Reduza o tempo de resposta do servidor
O tempo de resposta do servidor é o termo usado para descrever a quantidade de tempo gasto entre a solicitação do navegador ao servidor e o carregamento final da página. O tempo de resposta do seu servidor dependerá do número de solicitações dos navegadores e das configurações do seu servidor. Certifique-se de que o tempo de resposta do servidor seja curto para obter os melhores resultados.
11 Evite pedidos ruins
Imagine ir a um restaurante e pedir sua refeição favorita, mas a garçonete lhe diz que falta um ingrediente essencial para a cozinha. É tão frustrante para os visitantes do site receber um erro 404 ou 410 no lugar do destino procurado. Essas solicitações inválidas podem ter um efeito extremamente negativo na velocidade da página. Portanto, é recomendável que você tente evitá-los em suas páginas a todo custo. Check My Link pode ajudá-lo a encontrar links 404 quebrados e eliminá-los rapidamente para melhorar a experiência do usuário.
12 códigos de rastreamento de valas, incorporações de vídeo e botões de compartilhamento
Muitos webmasters acham que o uso de vários códigos de rastreamento para fornecer incorporações e botões de compartilhamento proporcionará uma melhor experiência do usuário. Na realidade, eles estão brincando tanto com seus sites que há muitas solicitações para o servidor. Por exemplo, um iframe chama uma nova página completa para visualização na página existente, o que reduz automaticamente a velocidade do site. Abandonar esses códigos de rastreamento, incorporações de vídeo e botões de compartilhamento definitivamente melhorará a velocidade da página do seu site e aumentará a diversão do visitante.
Conclusão
No geral, é importante que você não deixe o tempo de carregamento da página diminuir simplesmente para acomodar um design esteticamente mais agradável ou um novo recurso interessante. Os visitantes do site normalmente se preocupam mais com a velocidade da página do que com todos esses sinos e assobios supérfluos. Ter um site de carregamento lento é uma maneira infalível de matar seus resultados e suas classificações nos mecanismos de pesquisa. Na verdade, 47% dos consumidores esperam que as páginas da web sejam carregadas em dois segundos ou menos!
Portanto, não faça os usuários do seu site esperarem para ler seu conteúdo épico. Certifique-se de usar essas 12 dicas fáceis para criar um site que abra com facilidade para cada visitante. Todas essas táticas estratégicas comprovadamente aumentam os tempos de carregamento da página, bem como as classificações do Google e as experiências gerais do usuário quando usadas corretamente.
Espero que você tenha gostado de ler este guia. Se você tiver mais alguma dúvida, sinta-se à vontade para perguntar abaixo na seção de comentários. Não se esqueça de espalhar a palavra com seus amigos em sua página de mídia social também!
Fonte de gravação: instantshift.com