Não deixe um site lento matar seu marketing de conteúdo

Na sociedade ultracompetitiva e sempre ativa de hoje, ninguém tem tempo para um carregamento lento de sites.

O Google agora penaliza sites desajeitados e ineficientes, diminuindo sua classificação nas páginas de resultados de mecanismos de pesquisa (SERPs). Os proprietários de sites têm apenas alguns segundos antes que os visitantes fiquem frustrados e sigam em frente. Não é muito tempo para persuadir um visitante a ficar por perto e se tornar um fã delirante de qualquer ótimo conteúdo que você possa ter criado.

Tudo o que você puder fazer para melhorar a velocidade e a eficiência deve ser rápido, porque a porcentagem de pessoas que deixam um site lento e nunca mais voltam é desanimadoramente alta.

Então, como você garante que sua página carregue o mais rápido possível? Continue lendo para aprender alguns truques e dicas profissionais que irão reduzir os problemas de latência e acelerar o processo.

Reduza o número de solicitações de protocolo de transferência de hipertexto

As solicitações de protocolo de transferência de hipertexto (HTTP) respondem por cerca de 80 por cento dos tempos de carregamento de páginas da web. Eles ocorrem quando o navegador é solicitado a puxar uma página, imagem ou arquivo do servidor. O navegador da Web médio só abre entre quatro e oito dessas conexões por vez.

Isso significa que, mesmo que você tenha a velocidade teórica, as páginas com várias solicitações levarão um tempo para carregar. Você pode limitar o número de solicitações HTTP facilmente mantendo o design da página limpo e simples ou reduzindo o número de imagens e arquivos de vídeo em cada página.

Outra maneira de acelerar um site lento é combinar arquivos CSS e JavaScript em um único arquivo maior. Isso reduz o número de vezes que o navegador precisa retornar ao servidor para buscar arquivos e carregá-los na página da web, reduzindo o número cumulativo de arquivos. O processo é simples o suficiente para que até um iniciante possa fazê-lo, e é essencialmente o mesmo para os dois tipos de arquivo.

Para combinar arquivos, simplesmente copie / cole o código de um arquivo para outro. Depois que toda a codificação apropriada for transferida, exclua os arquivos originais e o código HTML extra. Tudo isso requer um simples copiar e colar e pode ser feito em qualquer editor de texto, como TextEdit no Mac OS X ou Notepad no Windows.

Otimize e comprima seus arquivos

Existem dois tipos de arquivo que você deve compactar para melhorar o tempo de carregamento do site: 1) imagens e 2) arquivos de código como CSS e JavaScript. Vamos dar uma olhada em cada um.

Como comprimir imagens

As imagens ocupam a maioria dos recursos disponíveis da página da web. Você deve examinar seu site e remover os desnecessários. Assim que tiver apenas as imagens desejadas, execute cada uma delas em um programa de otimização de fotos.

O Google tem um ótimo otimizador de imagens em suas ferramentas de desenvolvedor. Cada imagem deve ter menos de 150 KB e ser de qualidade média - cerca de 72 dpi. Nenhuma imagem deve ser mais larga do que 1.920 pixels. Às vezes, a otimização é tão simples quanto alterar o formato de arquivo das imagens.

Para usar o otimizador de imagens do Google ou qualquer outra ferramenta otimizadora, basta fazer upload de uma imagem do seu computador, clicar no botão Otimizar ou Compactar e fazer o download da imagem recém-compactada. A maioria das ferramentas de compactação de imagem é capaz de compactar arquivos de 50% a 5% do tamanho original - um grande ganho para a velocidade da página.

Como compactar arquivos CSS

Quanto às Folhas de Estilo em Cascata (CSS), você pode copiar toda a codificação em um arquivo principal, mas certifique-se de usar copiar / colar em vez do comando @import, pois isso pode causar mais atrasos.

Você pode compactar ou reduzir o código JS eliminando espaços, comentários e quebras de linha desnecessários. Aplicativos da web gratuitos como o Minifier podem fazer isso por você. Veja como usar a ferramenta:

1. Vá para Minifier.org em seu navegador. Faça login no painel do WordPress e vá para Aparência> Editor.

2. Em seguida, clique em style.css e copie todo o código da tela.

3. Em seguida, cole o código na janela do Minificador. Certifique-se de que CSS está selecionado e clique no botão grande MINIFY.

4. Por último, cole a saída do Minifier de volta na planilha style.css e clique em Atualizar arquivo.

Parabéns! Agora você reduziu seu código CSS. Em outras palavras, você o compactou para economizar espaço, agilizando a maneira como o código é carregado em seu site.

Você pode repetir o processo com qualquer tipo de código, incluindo JavaScript. Apenas certifique-se de selecionar a opção JS no Minificador antes de clicar no botão MINIFICAR.

Reduza o número de redirecionamentos em sua página

Mover ou excluir páginas pode otimizar a aparência do seu site, mas reduz a velocidade ao diminuir o tempo de carregamento da página com redirecionamentos. Você vê, cada vez que você move ou exclui uma página, o navegador encontra um link obsoleto ou quebrado e tem que se reagrupar.

Isso é especialmente frustrante para usuários de dispositivos móveis, que agora representam a maior parte do tráfego da web.

A solução é identificar e eliminar o problema. Esta dica requer um pouco de investigação, mas existem programas disponíveis que irão agilizar o trabalho de identificação de todos os redirecionamentos.

Por exemplo, um aplicativo chamado GTmetrix permite que você insira seu URL em uma barra de pesquisa no site e obtenha uma análise de desempenho gratuita no local que lista todos os redirecionamentos em seu site.

Utilize o cache do navegador

O cache permite que você baixe partes do seu site para um armazenamento temporário no sistema de um usuário. O cache do navegador torna o carregamento da página mais rápido no futuro. Um truque relacionado é garantir que a página inicial do seu site seja carregada com rapidez. Conforme os usuários se movem para o restante do site, os tempos de carregamento de todo o site são aprimorados pelo armazenamento em cache.

O WordPress oferece vários plug-ins que otimizam o cache do navegador, incluindo .htaccess e W3 Total Cache. Se você quiser fazer isso da maneira antiga, edite a codificação no arquivo .htaccess para os tempos de expiração para arquivos de imagem e CSS.

Para fazer isso, siga estas etapas:

1. Primeiro, faça login no cPanel.

2. Em seguida, encontre e inicie o Gerenciador de Arquivos.

3. Em seguida, vá para a opção Configurações e clique em 'Mostrar arquivos ocultos'.

4. Agora, localize o diretório raiz e encontre o arquivo .htaccess na pasta public_html.

5. Por último, clique com o botão direito do mouse no arquivo .htaccess, clique em 'Editar' e adicione o seguinte código:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
## EXPIRES CACHING ##


Em seguida, clique em 'Salvar' e pronto! Você está pronto.

Escolhendo um host confiável

Sua escolha de host da web e seu tipo podem ter um impacto significativo na velocidade do site. Existem três opções de hospedagem:

1. Compartilhado é a opção menos dispendiosa. O importante a notar é que o seu site será empacotado em um servidor com outros. Talvez muitos outros. Alguns hosts são notórios por não fornecerem recursos de computação adequados, como espaço em disco, CPU e RAM para o número de clientes atendidos. Para um site inicial ou de baixo tráfego, no entanto, essa não é uma opção terrível.
2. Um servidor virtual privado ou VPS é um passo à frente da hospedagem compartilhada em preço e serviço. Embora seu site esteja fisicamente localizado em um servidor com outros sites, você tem sua própria partição e cópia do sistema operacional, bem como recursos de computação dedicados que não podem ser desviados pelo site do seu vizinho. Para sites de maior tráfego e comércio eletrônico, onde o tempo de inatividade significa perda de dinheiro, esta é a melhor opção de hospedagem.
3. Não existe um nível de tráfego forte e rápido no qual você precise de um servidor dedicado, mas se você vê regularmente seis dígitos por mês, pode valer a pena considerar. Por US $ 80 a US $ 100 mensais, esta é a opção mais cara, mas, em vez de espaço em um servidor, você terá todo o servidor para você e sem limites de recursos alocados.

Um relatório recente da Hosting Canada, uma organização de pesquisa apoiada pela comunidade, observa que a diferença na velocidade de carregamento da página, mesmo entre hosts da web bem conhecidos, pode ser considerável. Por exemplo, uma década de testes revelou que os tempos médios de carregamento variam de 226 ms a 2.850 ms, dependendo do host específico.

Quando se trata de reter visitantes pela primeira vez por tempo suficiente para criar o interesse de ficar por perto, frações de um segundo de atraso podem enviá-los em seu caminho para nunca mais voltar. Não seria a pior ideia do mundo testar a velocidade do seu site no Pingdom regularmente. Basta inserir seu URL no formulário e clicar em “iniciar teste”. Se você fizer alterações com base neste artigo e não perceber melhorias, pode ser hora de tentar um host diferente. Alguns hosts oferecem ferramentas para analisar e otimizar a velocidade do site.

Se o seu site inclui vídeos ou outros arquivos grandes, faz sentido hospedá-los externamente. Usar seus próprios servidores irá explodir através da largura de banda disponível, levando seu site a um rastreamento.

Ao maximizar repetidamente a largura de banda atribuída, você pode realmente violar os termos de uso de sua empresa de hospedagem, o que pode fazer com que todo o seu site seja removido.

O uso de um site de hospedagem externo para conteúdo de vídeo, como o YouTube, otimiza a experiência dos visualizadores, ao mesmo tempo que mantém o seu site em dia com a empresa de hospedagem.

Use uma rede de distribuição de conteúdo

Ao usar uma rede de distribuição de conteúdo (CDN), seu site é “armazenado em cache” - outra forma de dizer “armazenado” - em uma rede de servidores dispersos geograficamente.

Isso permite a eliminação virtual de atrasos de carregamento que ocorrem quando os servidores de hospedagem estão longe dos computadores solicitantes.

As páginas que dependem de imagens serão as mais beneficiadas com o uso de um CDN.

Pensamento final

Vamos recapitular os pontos pertinentes para melhorar a velocidade lenta do site:

1. Reduza o número de solicitações HTTP. Uma solicitação é gerada cada vez que o navegador solicita um arquivo do servidor. Experimente uma abordagem de design minimalista.
2. Otimize ou compacte arquivos para imagens e arquivos de código como CSS e JavaScript.
3. Reduza o número de redirecionamentos. Com o tempo, as mudanças naturais do site resultam em redirecionamentos, o que leva tempo enquanto o navegador tenta descobrir para onde o link deve ir. Mantenha-os limpos.
4. Ative o cache do navegador. Ele salva arquivos estáticos na memória do navegador do usuário, tornando o carregamento do site mais rápido em visitas futuras.
5. Escolha um host confiável e mude de hospedagem compartilhada para VPS quando levar a sério o desempenho.
6. Assine um serviço CDN. Manter cópias de seu site em locais geográficos dispersos torna a entrega mais rápida aos usuários finais.

Há uma variedade de fatores que afetam os tempos de carregamento do site. A otimização não é um processo estático, mas algo para monitorar e fazer ajustes continuamente. Graças à realidade de uma internet cada vez mais sofisticada, a velocidade de um site irá diminuir naturalmente com o tempo. Você vai ter que lutar apenas para ficar quieto.

Mas por que chegar ao ponto de criar uma excelente campanha de marketing de conteúdo se ninguém fica por perto para vê-la? Boa sorte!