Page Speed: Um Guia Para Otimizar a Velocidade do Site


Imagem de capa do artigo "Page Speed: Um Guia Para Otimizar a Velocidade do Site"

Se há um local onde as primeiras impressões são absolutamente críticas, esse lugar é o seu site profissional — e não estamos falando só de web design e de uma boa estratégia de conteúdo. A otimização da velocidade do site é um dos fatores determinantes para o seu sucesso online.


Um site que demora muito para carregar pode prejudicar a sua reputação, além de acabar custando caro, já que você pode perder tráfego e conversões. Por outro lado, um site com alto desempenho terá um efeito dominó positivo para o sucesso do seu negócio. Ele vai atrair mais visitantes, o que, por sua vez, aumentará a geração de leads, as vendas e, consequentemente, os consumidores.


O primeiro passo para garantir um carregamento rápido é criar um site usando um construtor robusto, que ofereça tecnologia otimizada. No entanto, seu trabalho não acaba depois disso. É sua responsabilidade garantir que o conteúdo que você inclui no site não atrapalhe o seu desempenho.


Há muitos fatores a serem considerados, mas você chegou ao lugar certo. Este artigo traz tudo o que você precisa saber sobre otimização de velocidade e como melhorar o desempenho do seu site.



O que é velocidade da página


A velocidade da página refere-se à velocidade de carregamento do conteúdo da página do seu site. Há muitas maneiras de fazer essa medição (por exemplo, tempo de renderização de primeiro conteúdo, índice de velocidade, tempo de renderização de maior conteúdo), mas uma das maneiras mais significativas de definir a velocidade da página é por “tempo para interativo” (time to interactive).


O tempo para interação (mais conhecido como o termo em inglês time to interactive) mede o tempo que uma página leva para carregar até o ponto em que um usuário consiga interagir com ela. Isso pode significar clicar em um CTA, reproduzir um vídeo ou quaisquer outras ações que um usuário possa realizar em uma determinada página.


Sua próxima pergunta provavelmente será "qual velocidade de carregamento é considerada ideal para um site"? Embora a resposta seja específica para cada setor, é altamente recomendado que, em média, suas páginas carreguem em menos de três segundos. Também é importante lembrar que a velocidade de carregamento pode variar entre diferentes páginas de um mesmo site, assim como entre dispositivos móveis e desktop.



Por que a velocidade de carregamento da página é importante


Há quatro razões principais pelas quais a velocidade de carregamento da página é importante para a otimização da velocidade do site:



Usabilidade


Pode parecer óbvio, mas quanto mais rápido suas páginas carregam, mais cedo o site se torna interativo e os visitantes podem realizar ações dentro dele — estamos nos referindo ao menu do site, conteúdos visuais, botões e muito mais. Ao otimizar a velocidade de carregamento da página e, assim, tornar esses recursos visíveis e utilizáveis ​​mais rapidamente, seus visitantes ficarão mais felizes e dispostos a retornar. É simples assim.


Usuários


É mais provável que os usuários se engajem com seu site quando conseguem passar pelos processos de forma mais rápida. Por exemplo, se você tem uma loja virtual e cada etapa do processo de checkout leva mais do que apenas alguns segundos para carregar, é compreensível que muitos compradores em potencial abandonem o processo de vez.


O mesmo se aplica a qualquer ação que um usuário tente realizar, como preencher formulários ou mudar de página. Problemas de velocidade que limitam o envolvimento dos usuários afetarão as taxas de conversão e o número de visitantes que retornarão ao seu site.



Conversões


Um objetivo específico no qual a maioria dos donos de sites estão focados é o número de conversões. Um estudo da Deloitte Irlanda (disponível apenas em inglês) mostra que mesmo uma melhoria de 0,1 segundo na velocidade do seu site pode ter um impacto positivo na sua taxa de conversão, progressão do funil e envolvimento do cliente. Se seus visitantes não conseguem usar rapidamente seus recursos, eles certamente vão partir para outro site.



Motores de busca


O Google leva em conta a velocidade de carregamento ao classificar os sites (essa é uma das métricas do SEO, otimização para motores de busca). Sendo assim, se você quer que o seu site apareça melhor posicionado nos resultados de busca para uma palavra-chave específica, cada milissegundo importa.



Como medir a velocidade de carregamento da página


Há várias maneiras de medir a velocidade de carregamento das páginas do seu site. Um dos métodos mais confiáveis e populares é o Google PageSpeed Insights, onde você pode simplesmente enviar o url do seu site e esperar que o Google gere um relatório sobre o seu desempenho.


O relatório contém uma série de métricas, ou Core Web Vitals — que o Google inclui como outro fator de classificação potencial ao determinar a posição de uma página em seus resultados de busca. Uma boa pontuação (verde) pode beneficiar a classificação geral do seu site e a classificação individual da página na pesquisa. Uma pontuação baixa ou de alerta (vermelha) pode ter um impacto negativo na classificação geral de seu site e individual de sua página.



Visualização do Google PageSpeed Insights


O Google PageSpeed Insights avaliará o desempenho geral da velocidade do seu site usando uma pontuação até 100. Uma pontuação entre 90-100 é considerada ideal, enquanto qualquer pontuação inferior a 59 é considerada um alerta e deve pressioná-lo a priorizar a otimização da velocidade do seu site.


Está criando um site com o Wix? Até o Google concorda que colocamos o desempenho em primeiro lugar "O Wix prioriza o desempenho e isso fica claro tanto nas ferramentas de monitoramento quanto na experiência do usuário", diz Yoav Weiss, engenheiro de software sênior e defensor do desenvolvedor do Google.


Com um site Wix, você pode obter informações sobre a velocidade da página, incluindo a velocidade de carregamento atual, no painel de controle Velocidade do site, dentro das análises do Wix. Esses dados são obtidos a partir dos usuários do seu site e do Google PageSpeed Insights, oferecendo uma maneira simples e acessível de medir a velocidade da página.


O uso de diferentes ferramentas de teste de desempenho para medir a velocidade de uma página invariavelmente resultará em diferentes pontuações. Cada plataforma reúne suas análises e dados de maneiras diferentes, e isso pode afetar a pontuação da velocidade de sua página. O mais importante, no entanto, são as etapas que você pode seguir para melhorar sua pontuação, que serão abordadas a seguir.



Como melhorar a velocidade de carregamento da página


De modo geral, se você escolher o criador de sites certo, muitas das etapas necessárias para melhorar a velocidade de carregamento das páginas e o desempenho do site estarão integradas. Tudo que você precisará fazer é medir a velocidade de sua página de tempos em tempos, enquanto entende o impacto do seu design e conteúdo no desempenho do site.


Abaixo, você aprenderá como pode melhorar o desempenho de um site e a velocidade de carregamento das páginas para garantir que tanto seus clientes quanto o Google fiquem satisfeitos. Também incluímos algumas dicas úteis que você pode usar para melhorar a otimização da velocidade do seu site.



Aqui estão os fundamentos de como ocorre a otimização da velocidade do site:


  1. Otimização de mídias

  2. Código simplificado

  3. Emprego de uma CDN

  4. Utilização de carregamento lento

  5. Evitar plugins

  6. Versão mobile em primeiro lugar

  7. Implementação de cachê

  8. Otimização do conteúdo



01. Otimização de mídias


Imagens grandes podem ser um obstáculo para a melhoria da velocidade de carregamento da página. A qualidade das imagens é importante, mas é necessário equilíbrio com o desempenho. Para isso, há várias maneiras de comprimir as imagens.


Sem dúvida, a melhor opção é escolher um criador de sites, como o Wix, que otimiza automaticamente as mídias em seus servidores redimensionando, recortando e transformando-as. Essa otimização garante uma melhor qualidade em diversos dispositivos.


Ao montar um site, mudar a forma de salvar as imagens pode ter um impacto positivo na velocidade de carregamento das páginas do seu site. Algumas práticas recomendadas que você pode implementar são:


  • Salvar imagens como JPG em vez de PNG (os arquivos JPG são menores e, consequentemente, carregam mais rápido).

  • Usar arquivos SVG quando possível (que são ainda menores e funcionam bem para formas ou logotipos)

  • Colocar imagens maiores mais abaixo na página para que elas tenham tempo de carregar enquanto os usuários se concentram no conteúdo acima da dobra.


Nada chama mais a atenção em uma página do que GIFs animados — nós entendemos, também os amamos — mas não há nada que deixe uma página mais lenta. Portanto, pense muito bem antes de usá-los e, se necessário, coloque-os mais abaixo em sua página. Limitar o número de quadros de sua animação e manter a dimensão reduzida também pode evitar que os recursos de design tenham impacto nas pontuações de velocidade da sua página.


Outra grande dica para a otimização da velocidade (se você realmente não consegue viver sem alguma forma de animação em seu site) é optar pelo vídeo, já que ele usa tamanhos de arquivo menores do que as animações.


Às vezes, menos é mais, e os especialistas concordam "Uma das maneiras mais simples de melhorar o desempenho do seu site é reduzir a complexidade dele", revela Dan Shappir, líder de tecnologia de desempenho do Wix.com. Isso vale tanto para o design e conteúdo — especificamente as imagens — quanto para a configuração e funcionalidade do seu site.



02. Código simplificado


Um código complexo ou que não tenha sido formatado adequadamente pode diminuir a velocidade da página. O uso de um código simplificado permite o carregamento rápido e facilita o rastreamento do seu site pelo Google (qualquer coisa que torne a vida do Google mais fácil é uma vitória para o seu site). Escolha um criador de sites que utilize código simplificado em todas as suas páginas para que você não precise se preocupar em verificá-las ou limpá-las e tenha a certeza de elas estarão otimizadas para o desempenho.



03. Emprego de uma CDN


Uma CDN (rede de fornecimento de conteúdo) é um sistema de servidores e centros de dados situados em diferentes localizações geográficas que entregam conteúdo para sites em sua região. Isso acelera a velocidade de entrega de conteúdo e, consequentemente, reduz o tempo de carregamento. A rede global de distribuição de conteúdo do Wix permite que as páginas do seu site sejam otimizadas para o desempenho, independentemente de onde seu site esteja localizado.



04. Utilização de carregamento lento


Carregamento lento (lazy loading) significa atrasar o carregamento do conteúdo e das mídias que estão fora do espaço de visualização inicial dos usuários. Isso acontece automaticamente em muitos criadores de sites, que costumam implementar o carregamento lento em todas as páginas. Você também pode fazer sua parte posicionando elementos de maior resolução na parte inferior da página, dando a eles tempo para carregar antes que os usuários rolem para baixo.


Pense cuidadosamente sobre o que carrega primeiro em qualquer página do seu site. Priorize o conteúdo acima da dobra, pois é o que os usuários veem primeiro quando acessam o seu site. Seu objetivo deve ser mantê-lo simples, mas impactante, e usá-lo como uma forma de reter os visitantes enquanto o resto da página carrega.



05. Evitar plugins


A adição de ferramentas analíticas de terceiros, códigos de rastreamento e plugins em seu site pode diminuir a velocidade de carregamento das páginas. Dessa forma, é importante escolher um criador de sites que tenha tudo isso integrado. Assim, você evita aquele equilíbrio delicado — muitas vezes complexo — entre coletar o máximo possível de dados de comportamento dos usuários e otimizar para aumentar a velocidade.


Precisa de mais dados sobre seus usuários e desempenho do site? Recomendamos priorizar o uso de plugins e códigos de rastreamento que se concentrem na análise de como os usuários interagem com seu site, pois eles fornecerão um feedback mais significativo sobre sua funcionalidade. Também é possível avaliar a velocidade e o desempenho das páginas do seu site com e sem a adição de plugins e pixels de rastreamento para entender se eles estão prejudicando a velocidade de carregamento das páginas.



06. Versão mobile em primeiro lugar


Garantir que os usuários e os mecanismos de busca tenham a melhor experiência mobile possível é fundamental para a otimização do desempenho e deve ser parte integrante da sua checklist para a publicação de um site. Sabemos que o Google rastreia primeiro a versão mobile dos sites e que os usuários estão cada vez mais navegando em dispositivos móveis. Portanto, quando se trata de otimizar a velocidade de carregamento da página, seu site mobile deve ser uma prioridade.



07. Implementação de cache


Cache automático significa que parte do conteúdo do seu site é salvo conforme visualizado inicialmente por um usuário e exibido exatamente da mesma maneira quando ele visita o site novamente. Esse é um aspecto importante a ser considerado para melhorar a velocidade da página, pois reduz o tempo de carregamento ao entregar conteúdo salvo para usuários recorrentes em um site.


O Wix implementa o cache automático em todas as suas páginas, permitindo que você publique seu novo site como um profissional, sem precisar pensar nas especificidades de como ele é otimizado para a velocidade da página.



08. Otimização do conteúdo


A otimização de conteúdo pode significar muitas coisas. Aqui, nos referimos a ela no contexto de como você exibe conteúdo em sua página de forma que a velocidade e o tempo para interativo da página não sejam afetados.


Um ótimo exemplo de otimização de conteúdo para a melhoria da velocidade do site é o video player integrado do Wix. Ele permite que você exiba vídeos em suas páginas sem depender de uma fonte externa, como a incorporação de um vídeo do YouTube, que pode ter um impacto real e prejudicial na velocidade de sua página. Recursos integrados como esse facilitam a criação de um site voltado para o desempenho.


Além disso, esteja atento ao número de fontes em seu site e ao tamanho das mesmas. Quanto mais tipos de fontes você usar e quanto maior sua variedade de cores e tamanhos, mais lento será o carregamento da sua página. Escolha algumas opções que causem impacto e se atenha a elas. É importante levar isso em consideração, independentemente de estar criando um site do zero ou otimizando um site existente para melhorar a velocidade de suas páginas.



Por Hannah Beltrão Blogger & Growth Marketing Specialist - Português

pt03.png