Não deixe que as velocidades lentas da página deixem os clientes concorrendo com seus concorrentes. Use essas dicas para melhorar a velocidade e criar uma experiência positiva.

Os carregamentos lentos da página são mais do que apenas um pequeno inconveniente para os usuários.

Para empresas, eles podem se traduzir em taxas de rejeição maiores, conversões mais baixas e, em última análise, uma perda de receita à medida que clientes em potencial abandonam uma página em busca de resultados mais rápidos.

A velocidade da página também é um fator de classificação – se você não estiver otimizando as páginas para carregar rapidamente, não apenas perderá a oportunidade de fornecer uma ótima experiência, mas poderá não aparecer alto o suficiente nas classificações para ser encontrado.

Por mais importante que saibamos que é, pode haver obstáculos e desafios para obter aprovação e executar otimizações de velocidade de página em organizações empresariais.

Nesta postagem, você encontrará algumas das maneiras mais eficazes de melhorar a velocidade da página e também como trabalhar com suas equipes de marketing e desenvolvimento para implementar e monitorar mudanças.

10 etapas para acelerar um site empresarial

Se você já está monitorando a velocidade da página, ótimo. Você está no caminho certo. Se não estiver, faça disso uma prioridade.

Por enquanto, vamos supor que estamos todos na mesma “página” e monitorando e relatando os tempos de carregamento.

E se as velocidades de página não estiverem exatamente onde você deseja? O que você pode fazer para garantir que está proporcionando aos clientes ou clientes a melhor experiência possível?

Existem várias maneiras de lidar com as velocidades lentas da página, e essas 10 etapas são um ótimo lugar para começar.

1. Aproveite o cache do navegador

Quando um usuário visita seu site, o cliente e o servidor iniciam uma troca de recursos. Os dados do seu site – normalmente ativos estáticos como logotipos, estilos, plano de fundo e imagens – são baixados para o disco rígido do usuário e são armazenados lá por um período de tempo predeterminado.

Inicialmente, esse processo consome largura de banda (e, com isso, tempo).

No entanto, quando esses dados são armazenados em cache, essas informações já estão disponíveis. Não há necessidade de baixá-lo novamente, o que leva a tempos de carregamento mais rápidos e uma experiência muito melhor para os usuários.

Não existe uma data de expiração mágica do “cache do navegador”, mas existem algumas práticas recomendadas gerais.

Por exemplo, você pode querer armazenar em cache o conteúdo que raramente muda por até um ano ou usar eTags para fazer solicitações de cache condicional quando o conteúdo muda.

2. Código de limpeza

SEO é um dos poucos canais de marketing que depende tanto do que está na superfície quanto do que está abaixo dela. Nada ilustra isso mais do que a relação entre seu código-fonte e os esforços de SEO.

Os mecanismos de pesquisa, especialmente o Google, dependem de muitos fatores para determinar a classificação de um site – um dos mais importantes é a rastreabilidade, ou a facilidade com que ele pode acessar e rastrear o conteúdo do seu site.

Quando seu site está codificado corretamente, esse processo é mais rápido. Quando há erros em todos os lugares, o oposto é verdadeiro e a velocidade da página é afetada diretamente.

Como as empresas costumam ter uma longa história digital, a codificação de seus sites básicos pode estar desatualizada, ineficiente ou repleta de erros não intencionais que se acumulam com o tempo. Embora demorada, uma auditoria completa de seu código ajuda a identificar problemas e solucioná-los conforme necessário.

Embora você possa iniciar uma auditoria a qualquer momento, se realmente deseja resolver os problemas de velocidade da página, esta deve ser uma das primeiras etapas a serem executadas. Caso contrário, você pode descobrir que esses problemas de código obscurecem seus esforços para corrigi-los.

3. Habilite a compactação do lado do servidor

Muitas páginas da web estão repletas de conteúdo, mídia e ativos que são visíveis e invisíveis para os usuários. Quando esses ativos estão em sua forma original, eles podem atrapalhar conexões mais lentas e levar a tempos de carregamento desnecessariamente longos.

Seu servidor web pode ser rápido, e sua própria conexão com a internet pode ser rápida, mas você deseja que as pessoas acessem seu site em uma conexão de telefone celular 4G ou 3G mais lenta.

Habilitar a compactação do lado do servidor com algoritmos como Brotli ou gzip facilita a compactação desses ativos para que sejam menos onerosos para os servidores e o usuário.

Além disso, isso pode diminuir drasticamente o tempo de upload de arquivos HTML, CSS e Javascript, tornando a velocidade da página mais rápida e os clientes mais felizes.

4. Obtenha uma rede de distribuição de conteúdo

As redes de distribuição de conteúdo , também conhecidas como redes de distribuição de conteúdo (CDNs), gerenciam como os dados (incluindo folhas de estilo, imagens, vídeo, script, etc.) são transferidos do servidor para o cliente.

Quando você usa um CDN, um grupo de servidores distribuídos geograficamente trabalhará em conjunto para fornecer rapidamente o conteúdo do site, reduzindo o tempo de carregamento e o consumo de largura de banda.

Os benefícios desse método de transferência podem se estender à organização e ao usuário do site, diminuindo a quantidade de informações que o servidor deve fornecer.

Em alguns casos, o CDN também pode adicionar uma camada de segurança às transferências de dados. Embora isso não ajude com a velocidade da página, pode beneficiar os esforços de integridade e reputação da marca.

5. Evite redirecionamentos da página de destino

Redirecionamentos são comuns, mas isso não significa que sejam ideais. Eles podem ser particularmente problemáticos para o SEO.

Quando um usuário é conduzido por um redirecionamento de página de destino, o servidor deve fornecer dados adicionais, aumentando o tempo de carregamento da página.

Isso não quer dizer que os redirecionamentos devam ser evitados a todo custo – às vezes, eles são um mal necessário. Eles devem, no entanto, ser usados ​​com moderação.

Salve redirecionamentos para quando você precisar endereçar um URL com defeito, incorreto ou problemático.

Antes de usar um redirecionamento, aqui estão algumas coisas a serem consideradas:

• Use o redirecionamento correto. Embora os redirecionamentos 302, 301 e 307 sejam movidos de um URL para o preferido, eles não são criados igualmente. Usar o errado pode criar problemas com rastreadores e usuários.
• Evite redes de redirecionamento (por exemplo, redirecionar / entrar em contato com / entre em contato conosco para / formulário de contato). As cadeias de redirecionamento podem adicionar tempos de carregamento desnecessários à medida que os usuários são movidos de um URL para o outro.
• Use  layouts responsivos , que podem reduzir redirecionamentos desnecessários de páginas de destino para dispositivos móveis.

6. Use o Lazy Loading

Para páginas com muito conteúdo, o carregamento lento pode ser uma verdadeira virada de jogo. Tradicionalmente, o conteúdo da página da Web, especialmente imagens, é carregado simultaneamente.

Isso pode parecer eficiente, mas quando se trata da velocidade da página, o oposto é verdadeiro. Quando você depende de uploads simultâneos, os usuários do site têm que esperar mais tempo para que o conteúdo, acima e abaixo da dobra, carregue.

O carregamento lento prioriza o conteúdo com base no que o usuário verá primeiro, tornando mais fácil para os usuários ver e interagir com o conteúdo mais rapidamente. O conteúdo abaixo da dobra não é carregado até que o usuário role a página para baixo.

Uma pergunta comum aqui é: “isso não afeta as métricas de carregamento da página?”

Felizmente, a resposta é não.

Os tempos de carregamento de sua página serão baseados na pintura de maior conteúdo (LCP), que se refere ao conteúdo visível para os usuários antes que eles precisem rolar.

Portanto, mesmo que a página não esteja completamente carregada, você receberá “crédito total” pela velocidade de carregamento, uma vez que o conteúdo acima da dobra esteja visível para os usuários.

7. Melhore o tempo de resposta do servidor

Seu servidor faz muito trabalho pesado e qualquer coisa que você possa fazer para aliviar a carga (sem comprometer a UX) ajudará a melhorar a velocidade da página.

Usar um CDN, monitorar seu site em busca de gargalos, compactar imagens etc. pode tornar mais fácil para seu servidor lidar com a tarefa em mãos e dar aos usuários a experiência que desejam na velocidade que esperam.

Existem dois aspectos cruciais para abordar isso especificamente, no entanto. Ambos precisam girar em torno de pensar que uma visita ao site é como “inicializar um computador”.

O primeiro aspecto que precisa ser tratado é o uso de um cache de página estática.

Mesmo em um site de comércio eletrônico, muitas das páginas (a página inicial, as páginas de produtos etc.) serão todas iguais para todos os usuários; usar um cache de página estática no servidor evita que o servidor tenha que passar por todo o trabalho computacional para servir aquela página.

E uma vez que isso deve acontecer antes de mais nada, ter o tempo para trás desta etapa ser pequeno – até menos de 1/4 de segundo, idealmente – é crítico.

O segundo aspecto para a maioria dos sites (qualquer coisa que use PHP como back-end, como WordPress, Joomla, Drupal, Magento, etc.) é garantir que o servidor do provedor de hospedagem na web permita um “cache de opcode persistente”.

Quando um aplicativo PHP é executado, o código legível por humanos é primeiro compilado em um código mais utilizável por máquina. A maioria dos servidores (porque usa muita RAM) evita que o código utilizável pela máquina permaneça por padrão.

Se você já viu um site que é extremamente rápido até chegar à parte do checkout, geralmente é devido à falta desse componente.

8. Otimize a mídia do site

Imagens e vídeos são um ativo valioso – poucos de nós gostam de uma parede de texto sem qualquer suporte visual ou dicas – mas também podem ser caros quando se trata de tempos de carregamento de página.

Imagens que não são otimizadas de forma adequada levarão mais tempo para carregar e drenar qualquer esperança de melhorar a velocidade do site.

Se você estiver usando imagens ou vídeo, certifique-se de que eles não sejam maiores do que o necessário, estejam devidamente formatados e que você  comprima ativos visuais  para diminuir o tempo de carregamento.

Uma maneira fácil de fazer isso é usar uma ferramenta de compactação de terceiros que altera o tamanho do arquivo sem comprometer a integridade da imagem ou do vídeo.

Você pode comprar um software de compressão de dados, mas também existem muitas plataformas gratuitas que você pode experimentar para começar.

Se você está lidando com tempos de carregamento lentos e uma página tem muitas imagens, essa etapa por si só pode fazer uma diferença significativa na velocidade da página.

WebP é um formato de imagem mais recente, compatível com todos os navegadores modernos, que permite reduzir significativamente o tamanho das imagens, sem sacrificar a qualidade.

Com isso em mente, também é uma excelente ideia monitorar de perto os tempos de carregamento de novas páginas ou páginas com uma revisão recente de imagem.

9. Melhorar a estrutura HTML e CSS

Já mencionei a importância do código limpo, mas vale a pena mencioná-lo novamente com uma chamada específica para a estrutura HTML e CSS.

HTML e CSS que não foram otimizados aumentarão o peso da página ou o tamanho da sua página. Quanto mais pesada a página, mais tempo levará para carregar.

Espaços e caracteres desnecessários podem sobrecarregar sua página sem agregar qualquer valor aos usuários. Melhorar a estrutura HTML e CSS pode ajudar a criar uma página mais leve que carrega mais rápido.

Isso significa que você precisa que alguém vá página por página, revisando o código manualmente? Absolutamente não.

Algumas ótimas ferramentas, como CSS Minify e DirtyMarkup, podem automatizar o processo de revisão do código existente e otimizar o novo código antes de ir ao ar.

10. Temas e plug-ins

Quando se trata de criar uma experiência integrada para usuários front e end e back-end, temas e plug-ins podem trazer valor real. Infelizmente, nem todos os plug-ins são criados igualmente e, dependendo do seu CMS, alguns podem criar um atraso de página significativo.

Não há um único motivo para esse problema. Em alguns casos, os plug-ins estão desatualizados ou não são compatíveis com o seu site.

Em outros casos, esses temas e plug-ins podem ser mal elaborados, para começar, e quaisquer problemas que existam serão transportados para o seu site e tempos de carregamento lentos.

Não há necessidade de se livrar de todos os ativos de terceiros, no entanto. Em vez disso, use apenas plug-ins e temas de uma fonte confiável, certifique-se de usar a versão mais recente e mantenha o uso o mínimo possível.

Ao adicionar novos plug-ins ou temas a uma página, sempre monitore de perto a velocidade da página para identificar rapidamente quaisquer problemas antes que eles levem a um aumento nas taxas de rejeição e usuários insatisfeitos.