- Quanto tempo os visitantes permanecem no seu site.
- Quantos deles se tornam clientes pagantes?
- Quanto você paga por clique (CPC) em anúncios de pesquisa paga.
- Sua posição nos resultados de busca orgânica.
Infelizmente, a maioria dos sites apresenta baixo desempenho em termos de velocidade de carregamento de página, o que tem um impacto negativo direto em sua receita.
Há uma infinidade de coisas que podemos fazer durante o dia como profissionais de marketing digital, e nunca há tempo suficiente para fazer tudo. Como resultado, algumas coisas acabam ficando em segundo plano.
Uma das coisas que mais frequentemente são adiadas é a otimização da velocidade de carregamento da página. Isso é fácil de entender, pois a maioria das pessoas não compreende verdadeiramente a importância desse detalhe muitas vezes negligenciado, e por isso não veem valor em investir tempo e dinheiro para melhorá-la em alguns segundos ou menos.
O que pode parecer uma quantidade insignificante de tempo para alguns profissionais de marketing, incluindo aqueles que se concentram exclusivamente na otimização de mecanismos de busca, provou ser crucial, de acordo com dados de gigantes do setor e até mesmo com nossos próprios dados analíticos.
Presumo que você seja como eu e queira maximizar seus resultados e, claro, sua receita, certo? Então, vamos começar a tornar seu site mais rápido que catarro! (Uma imagem bem forte, não é?)
1. Abandone a hospedagem web barata
Hoje em dia, todos nós estamos tentando economizar dinheiro, afinal, as assinaturas do Raven, SEMrush, Moz e todas as outras ferramentas que usamos diariamente acabam somando rapidamente. É quase como ter mais um filho.
Uma forma que muitas pessoas encontram para economizar dinheiro é optando por acomodações compartilhadas mais baratas. hospedagem que amontoam o máximo de sites possível em um servidor, como um bando de palhaços se amontoando em um único carro. Que se dane o desempenho!
Claro, seu site estará disponível na maior parte do tempo, como aconteceria com qualquer outro serviço de hospedagem, mas carregará tão lentamente que seus visitantes sairão frustrados sem nunca se tornarem compradores.
“Mas é quase imperceptível!”, insistem esses compradores em busca de pechinchas.
A questão é a seguinte: pode ser que você mal perceba, porque é o seu bebê e você o ama.
Mas todos os outros só querem entrar e sair do seu site o mais rápido possível.
As pessoas querem ficar no seu site apenas o tempo suficiente para fazer o que vieram fazer, seja obter uma resposta, comprar um produto ou atingir algum outro objetivo específico. Se você atrasar o processo, mesmo que um pouco, é provável que elas detestem a experiência e saiam sem concluir a compra.
Pense assim:
A maioria das pessoas ama seus próprios filhos incondicionalmente. Mas se o filho de outra pessoa gritar, jogar coisas e atrapalhar a noite delas em um restaurante, elas odeiam essa criança. É a mesma coisa com o seu site.
Quanta diferença isso realmente faz?
De acordo com um estudo realizado por AmazonUma diferença de apenas 100 ms — uma unidade de tempo que um ser humano sequer consegue perceber — foi suficiente para reduzir suas vendas em 1%. Walmart encontraram resultados semelhantes.
Se essa pequena fração de tempo tem um impacto direto tão grande nas vendas, que tipo de impacto você acha que um segundo ou mais a mais teria?
Mas não para por aí, porque a velocidade de carregamento do seu site também impacta o posicionamento nos resultados de busca orgânica e os custos de anúncios pagos por clique.
Em outras palavras, se o seu site carrega lentamente, você deve esperar que seus concorrentes que investiram nessa área crucial tomem conta do seu mercado.
Resumindo: evite hospedagem web barata. Se eles vendem o serviço como se fosse uma commodity (baseada principalmente no preço), então tratarão seus clientes da mesma forma.
Existem muitos serviços de hospedagem web otimizados para velocidade, especialmente para sites WordPress, e alguns deles têm preços semelhantes às opções mais econômicas.
Portanto, pesquise, faça alguns testes e invista em uma hospedagem web que ofereça o desempenho necessário para satisfazer tanto seus visitantes quanto o Google.
2. Reduzir chamadas HTTP
Cada arquivo necessário para que uma página da web seja renderizada e funcione, como HTML, CSS, JavaScript, imagens e fontes, requer uma solicitação HTTP separada. Quanto mais solicitações forem feitas, mais lento será o carregamento da página.
Agora, se você for como a maioria das pessoas com quem converso, provavelmente está pensando: "Ah, não preciso me preocupar com isso, Jeremy. Eu sei o que estou fazendo e não adiciono um monte de lixo desnecessário ao meu site!"
Isso pode ser parcialmente verdade. Você pode não adicionar um monte de lixo desnecessário ao seu site, mas em mais de 90% dos sites que encontro, esse lixo ainda está lá.
Esse inchaço não está aí porque a Fada do Inchaço o colocou lá enquanto você dormia. Ele está aí porque a maioria dos web designers, independentemente da habilidade ou experiência, não prioriza a velocidade da página. A triste verdade é que a maioria nem sabe como.
É aqui que o problema começa:
A maioria dos temas carrega um ou mais arquivos CSS e vários arquivos JavaScript. Alguns, como o jQuery ou o FontAwesome, geralmente são carregados remotamente de outro servidor, o que aumenta drasticamente o tempo de carregamento da página.
Isso se torna ainda mais problemático quando consideramos os arquivos CSS e JavaScript adicionais adicionados pelos plugins. É fácil acabar com meia dúzia ou mais de requisições HTTP apenas por causa de arquivos CSS e JavaScript.
Ao considerarmos todas as imagens em uma página, cada uma exigindo uma solicitação HTTP separada, a situação rapidamente fica fora de controle.
- Unir arquivos JavaScript em um único arquivo.
- Unir arquivos CSS em um único arquivo.
- Reduza ou elimine plugins que carregam seus próprios arquivos JavaScript e/ou CSS. Em alguns casos, como no Gravity Forms, você tem a opção de desativá-los para que não sejam carregados.
- Use sprites para imagens usadas com frequência.
- Use uma fonte como FontAwesome ou Ionic Icons em vez de arquivos de imagem sempre que possível, pois assim apenas um arquivo precisa ser carregado.
3. Inclua a barra final
Omitir a barra final nos links que apontam para o seu site, sejam eles provenientes de fontes externas (esforços de construção de links) ou de dentro do seu próprio site, tem um impacto negativo na velocidade.
Como isso acontece na prática?
Ao visitar um URL sem a barra no final, o servidor web procurará um arquivo com esse nome. Se não encontrar um arquivo com esse nome, tratará o URL como um diretório e procurará o arquivo padrão nesse diretório.
Em outras palavras, ao omitir a barra final, você está forçando o servidor a executar um redirecionamento 301 desnecessário. Embora possa parecer instantâneo para você, leva um pouco mais de tempo, e como já estabelecemos, cada pequeno atraso conta.
https://example.com (this is bad)
or
https://example.com/services (this is also bad)
vs
https://example.com/ (this is good)
or
https://example.com/services/ (this is also good)
4. Habilite a compressão
Habilitar a compressão GZIP pode reduzir significativamente o tempo necessário para baixar seus arquivos HTML, CSS e JavaScript, pois eles são baixados como arquivos comprimidos muito menores, que são descompactados assim que chegam ao navegador.
Não se preocupe — seus visitantes não precisarão fazer nada a mais, pois todos os navegadores modernos suportam GZIP e o processam automaticamente para todas as solicitações HTTP.
5. Ative o cache do navegador
Com o cache do navegador ativado, os elementos de uma página da web são armazenados no navegador dos visitantes, de modo que, na próxima vez que visitarem o site ou outra página, o navegador poderá carregar a página sem precisar enviar outra solicitação HTTP ao servidor para obter os elementos em cache.
Após o carregamento da primeira página e o armazenamento de seus elementos no cache do usuário, apenas os novos elementos precisam ser baixados nas páginas subsequentes. Isso pode reduzir drasticamente o número de arquivos que precisam ser baixados durante uma sessão de navegação típica.
6. Minimize os recursos
A minificação dos seus arquivos CSS e JavaScript remove espaços em branco e comentários desnecessários, reduzindo o tamanho do arquivo e, consequentemente, o tempo necessário para baixá-lo.
Felizmente, esse processo não precisa ser manual, pois existem diversas ferramentas online disponíveis para converter um arquivo em uma versão menor e minimizada.
Existem também diversos plugins disponíveis para WordPress que substituem os links no cabeçalho do seu site para seus arquivos CSS e JavaScript regulares por uma versão minificada dos mesmos, sem modificar os arquivos originais, incluindo plugins populares de cache como:
- W3 Total Cache
- WP Super Cache
- WP Rocket
Pode ser necessário um pouco de esforço para ajustar as configurações corretamente, pois a minificação geralmente pode quebrar o CSS e o JavaScript. Portanto, depois de minificar tudo, certifique-se de testar seu site minuciosamente.
7. Priorize o conteúdo acima da dobra
Seu site pode parecer carregar mais rapidamente para o visitante se for programado para priorizar o conteúdo acima da dobra — em outras palavras, o conteúdo que fica visível antes que o visitante role a página.
Isso significa garantir que quaisquer elementos que apareçam acima da dobra estejam também o mais próximo possível do início do código HTML, para que o navegador possa baixá-los e renderizá-los primeiro.
É fundamental também incluir todo o CSS e JavaScript necessários para renderizar essa área diretamente no código, em vez de em um arquivo CSS externo.
8. Otimizar arquivos de mídia
Como os dispositivos móveis com câmeras de alta qualidade são comuns e os sistemas modernos de gerenciamento de conteúdo, como o WordPress, facilitam o upload de imagens, muitas pessoas simplesmente tiram uma foto e a carregam sem perceber que, frequentemente, a imagem é pelo menos quatro vezes maior do que o necessário.
Isso torna seu site consideravelmente mais lento, especialmente para usuários de dispositivos móveis.
Otimizar os arquivos de mídia do seu site pode melhorar significativamente a velocidade de carregamento da sua página, e fazer isso é relativamente fácil, sendo, portanto, um bom investimento de tempo.
Otimizando Imagens
- Escolha o formato ideal. O JPG é perfeito para imagens fotográficas, enquanto o GIF ou PNG são melhores para imagens com grandes áreas de cor sólida. Arquivos PNG de 8 bits são para imagens sem canal alfa (fundo transparente) e arquivos de 24 bits são para imagens com canal alfa.
- Certifique-se de que as imagens tenham o tamanho adequado. Se uma imagem for exibida com 800 pixels de largura em seu site, não há benefício em usar uma imagem com 1600 pixels de largura.
- Comprima o arquivo de imagem. Além de ser o melhor programa de edição de imagens, o Adobe Photoshop possui excelentes recursos de compressão de imagens e está disponível a partir de US$ 9.99/mês. Você também pode usar plugins gratuitos do WordPress, como... Otimizador de imagens da Web, Imsanidadee TinyJPG – que comprimem automaticamente as imagens enviadas.
Otimizando Vídeo
- Escolha o formato ideal. O MP4 é a melhor opção na maioria dos casos, pois gera o menor tamanho de arquivo.
- Apresente o tamanho (dimensões) ideal com base no tamanho da tela dos visitantes.
- Elimine a faixa de áudio se o vídeo for usado como elemento de design em segundo plano.
- Comprima o arquivo de vídeo. Eu uso o Adobe Premiere na maioria das vezes, mas o Camtasia também é uma ótima opção.
- Reduzir a duração do vídeo.
- Considere fazer o upload dos vídeos para o YouTube ou Vimeo em vez de hospedá-los localmente e usar o código de incorporação iframe dessas plataformas.
Mas não pare por aí, pois isso é apenas a ponta do iceberg.
Para otimizar verdadeiramente o conteúdo multimídia do seu site, você precisa exibir imagens com o tamanho adequado com base no tamanho da tela, em vez de simplesmente redimensioná-las.
Existem duas maneiras de lidar com isso, dependendo da implementação da imagem.
- As imagens dentro do HTML do seu site podem ser exibidas usando o atributo src set, que permite ao navegador selecionar, baixar e exibir a imagem apropriada com base no tamanho da tela do dispositivo que o visitante está usando.
- Imagens inseridas via CSS – geralmente como imagens de fundo – podem ser exibidas usando media queries para selecionar a imagem apropriada com base no tamanho da tela do dispositivo que o visitante está usando.
9. Utilize cache e CDNs
O cache permite que seu servidor web armazene uma cópia estática de suas páginas para que elas possam ser entregues mais rapidamente ao navegador do visitante, enquanto uma CDN permite que essas cópias sejam distribuídas para servidores em todo o mundo, para que o navegador do visitante possa baixá-las do servidor mais próximo de sua localização. Isso melhora drasticamente a velocidade de carregamento da página.
___
by Jeremy Knauff
fonte: SEJ
