Uma das tarefas mais importantes para os operadores de sites é garantir que a experiência do visitante em seu site seja a mais agradável possível.
Fatores como o tempo de carregamento da página inicial são importantes a serem considerados, especialmente com o número crescente de tráfego proveniente de dispositivos móveis. Se o tempo de carregamento demorar demais, seu site perderá muitos visitantes.
Se você está se perguntando quais aspectos afetam o tempo de carregamento de um site, você veio ao lugar certo.
Hospedagem
- Use soluções de hospedagem flexíveis com espaço na web e tráfego ilimitados
- Contrate apenas servidores localizados no mesmo país que a maioria dos usuários
- Use uma rede de entrega de conteúdose você planeja atingir um público internacional
- Cuide você mesmo da hospedagem para poder ajustá-la às necessidades do seu projeto
HTML, CSS e JavaScript
- Use HTML apenas para tarefas que não são possíveis com CSS
- Use arquivos separados para CSS e JavaScript e inclua apenas código CSS e JavaScript em uma página HTML em circunstâncias excepcionais (JavaScript deve sempre vir no final do documento, antes do elemento de fechamento do corpo)
- Combine e comprima arquivos de código (mais informações aqui sobre compactação CSS)
- Use a técnica de programação mais recente, como WebAssembly
Imagens e conteúdo externo
- Carregue o mínimo possível de elementos de sites externos
- Evite imagens e vídeos desnecessários.
- Comprimir imagens usando ferramentas
- Terceirizar imagens para um servidor externo
- Especifique a largura e a altura das imagens (caso contrário, o próprio navegador calculará as dimensões)
- Use ícones SVG (gráficos vetoriais escaláveis)
- Use o plug-ins, que interrompam o carregamento de imagens se elas estiverem fora do intervalo de exibição (elas só começarão a carregar quando o visitante rolar até elas)
Cache
- Use o navegador do visitante como cache: ative o módulo (mod expires) no servidor Apache e defina quanto tempo os tipos de arquivo correspondentes devem permanecer no cache; o resto é feito pelo navegador do respectivo usuário
- Configure um servidor proxy reverso e use-o como cache. Alternativamente, você pode usar uma rede de entrega de conteúdo, onde você tem acesso a toda uma rede de servidores proxy reverso distribuídos globalmente
- Use um software de cache como para armazenar temporariamente o conteúdo dinâmico na memória, o que permite minimizar o acesso ao banco de dados
Mais dicas e truques para otimização de sites
Além das formas mencionadas acima para otimizar o desempenho do seu site, há muitas etapas menores que você pode seguir para ajudar a minimizar os tempos de carregamento. Esses incluem:
- Mantendo os redirecionamentos ao mínimo
- Especificando a codificação de caracteres no documento HTML
- Removendo qualquer conteúdo defeituoso
- Evitando o uso excessivo de plug-ins no CMS
- Limitando as informações coletadas nos cookies
- Usando favicons (já que os navegadores sempre pesquisam o servidor web pelo arquivo favicon.ico)
- Ativar HTTP/2
Se você não deseja perder clientes em potencial devido a carregamentos inadequados, deve otimizar seu site para ter sucesso na era móvel.
