Velocidade da página: o que é, porque é que é importante e como pode melhorar a sua?

Qual é a relação entre velocidade da página e SEO?

Porque é que é importante para o seu sítio Web?

Quer esteja interessado em criar uma melhor experiência de utilizador para os seus visitantes ou pretenda aumentar as suas classificações de SEO, os programadores do seu sítio devem dedicar algum tempo à velocidade da página. Abaixo, aprenderá não só como melhorar a velocidade de carregamento da página, mas também como acompanhar o sucesso dos seus esforços, como testar a velocidade de carregamento da página, como aumentar a pontuação da velocidade da página e muito mais.

O que é a velocidade da página?

No sentido mais simples do termo, a velocidade da página refere-se à rapidez com que o conteúdo de uma determinada página de um sítio Web é carregado. A velocidade da página pode ser descrita de duas maneiras: "tempo de carregamento da página" ou "tempo para o primeiro byte". O tempo de carregamento da página refere-se ao tempo que uma única página do seu sítio Web demora a apresentar totalmente o conteúdo, enquanto o tempo até ao primeiro byte se refere ao tempo que o browser demora a receber o primeiro byte de informação do servidor Web. Embora os utilizadores se preocupem mais com o tempo de carregamento da página, os motores de busca dão grande importância aos dois tipos de velocidade da página.

Como melhorar a velocidade de carregamento da página

Melhorar a velocidade de carregamento da página requer conhecimentos significativos e vários passos. Felizmente, existem várias ferramentas que tornam fácil, mesmo para quem não é programador, aumentar a velocidade da página com pouco esforço. Uma dessas ferramentas é o Gzip.

O Gzip é um software de compressão de ficheiros que reduz o tamanho dos ficheiros HTML, CSS e JavaScript com mais de 150 bytes. A compressão de ficheiros pode reduzir o tamanho dos ficheiros em até 90%. Os ficheiros mais pequenos requerem menos utilização de dados, o que significa que as páginas podem carregar mais rapidamente.

Semelhante à redução de ficheiros é a minimização de código. Utilize ferramentas recomendadas pela Google, como o UglifyJS ou o CSSNano, para reduzir o código JavaScript, CSS e HTML. Isto tem essencialmente o mesmo efeito que a compressão de ficheiros - reduz a necessidade de mais dados, o que equivale a tempos de carregamento mais rápidos. Estas ferramentas também removem dados indesejados, como formatação, códigos não utilizados e comentários de código.

Se prevê ter visitantes repetidos (o que deve acontecer!), implemente a cache do navegador. Os navegadores armazenam em cache os dados do Web site, como imagens, ficheiros JavaScript e folhas de cálculo, para que, quando um visitante voltar à sua página, o navegador não tenha de recarregar toda a imagem - apenas a retira da cache. Utilize o YSlow para ver qual é a sua data de expiração atual da cache e para a definir para um período de tempo mais longo. Na maioria dos casos, um ano é um período de tempo razoável.

Outra coisa que pode fazer para aumentar a velocidade da página é reduzir os redireccionamentos. Por cada redireccionamento que a sua página faz, o visitante tem de esperar mais um a três segundos. Pode reduzir o tempo de espera verificando o seu padrão de redireccionamento e removendo os desnecessários.

Também pode otimizar o seu conteúdo para aumentar o tempo de carregamento da página. Por exemplo, pode utilizar redes de distribuição de conteúdos para permitir que outros servidores partilhem a responsabilidade de entregar o seu conteúdo. Isto garante aos utilizadores um acesso mais rápido e fiável ao seu conteúdo, especialmente quanto mais longe estiverem da localização geográfica do seu anfitrião. Também pode otimizar as suas imagens. Certifique-se de que estão no formato de ficheiro correto, que não são maiores do que o necessário e que estão comprimidas para a Web.

Quão importante é a velocidade da página?

Muito importante. Do ponto de vista do utilizador, a velocidade da página é importante porque, bem, páginas mais rápidas são mais eficientes. Atualmente, a capacidade de atenção média é de apenas oito segundos, o que é mais curto do que a capacidade de atenção de nove segundos de um peixe dourado. No entanto, de acordo com um estudo da Kissmetrics, quando se trata da World Wide Web, a capacidade de atenção dos utilizadores é ainda mais curta, de apenas três segundos. Se uma página demorar mais de três segundos a carregar, é provável que mais de um quarto dos visitantes desistam de clicar.

A velocidade de carregamento da página também afecta as conversões. Por exemplo, quando a Walmart avaliou os seus dados de velocidade da página, notou um aumento de 2% nas conversões por cada segundo mais rápido que uma página carregava. A Amazon testou esta teoria e calculou que perderia 1,6 mil milhões de dólares por ano se o seu site abrandasse apenas um segundo.

Os motores de busca também dão grande importância à velocidade de carregamento das páginas, provavelmente porque os utilizadores o fazem. Em 2010, o Google anunciou que passaria a utilizar os tempos de carregamento das páginas como fator de classificação. Sete anos depois, anunciou que daria ainda mais atenção à velocidade da página.

Como verificar a velocidade da página no Google Analytics

O Google facilita a visualização da rapidez com que os utilizadores conseguem interagir com o seu conteúdo. Também o ajuda a identificar áreas que podem ser melhoradas e facilita o acompanhamento do desempenho dessas actualizações. Então, o que precisa de fazer para começar?1

• Inicie sessão na sua conta do Google Analytics.
• Navegue até à sua vista.
• Clique em Relatórios.
• Seleccione Comportamento > Velocidade do site.

Terá então a opção de três relatórios: Relatório de tempos de página, relatório de sugestões de velocidade e relatório de tempos de utilizador. Abra o relatório de tempos de página.

O relatório de tempos de página fornece uma análise detalhada do desempenho de cada página em termos de velocidade. Também fornece dados sobre coisas como visualizações de página e taxas de rejeição, métricas de rede e de servidor, intervalos de tempo para diferentes métricas e métricas de rede e de servidor.

O relatório User Timings também pode ser útil, uma vez que fornece uma análise detalhada das interacções individuais de cada utilizador com o seu sítio. Por exemplo, pode ver quando um utilizador interagiu com um botão, vídeo ou imagem e quanto tempo demorou a responder a cada elemento.

Como aumentar a pontuação da velocidade da página

Para obter a pontuação PageSpeed do seu Web site, o Google vai buscar o seu URL duas vezes - uma vez com um dispositivo móvel e outra com um computador de secretária. Em seguida, mede dois parâmetros: o tempo para o carregamento acima da dobra e o tempo para o carregamento completo da página. O carregamento acima da dobra é ligeiramente mais importante do que o carregamento da página inteira, porque é o primeiro conteúdo que os utilizadores vêem. No entanto, o carregamento da página inteira não deve ser muito mais lento do que o carregamento acima da dobra.

Depois de testar o seu URL em dois tipos de dispositivos e de avaliar cada um dos dois parâmetros, o Google classifica a velocidade da sua página. A pontuação do PageSpeed varia de 0 a 100, sendo 100 a pontuação ideal. No entanto, poucos sites atingem esse tipo de classificação. Uma boa pontuação é 85 ou superior; qualquer coisa abaixo de 85 precisa de ser trabalhada.

No entanto, se conseguir atingir 100, por que não tentar? Quer o seu site tenha uma classificação de 50 ou 90, há sempre algo que pode fazer para melhorar essa classificação. Por um lado, verifique o seu relatório para ver o que está a fazer de errado. O Google facilita-lhe a tarefa, identificando as áreas a melhorar com um ponto de exclamação amarelo ou um ponto vermelho gritante. Se for amarelo, deve considerar corrigir o problema. Se for vermelho, a correção do problema aumentaria significativamente a sua pontuação. A partir daí, siga os conselhos da secção um, "Como melhorar a velocidade de carregamento da página".

Como otimizar as imagens para a velocidade da página

As imagens geralmente são responsáveis pelo maior uso de dados em uma determinada página. Por isso, faz sentido optimizá-las para diminuir o número de bytes descarregáveis e aumentar a velocidade da página.

A otimização de imagens não é tão simples como reduzir o seu tamanho no Photoshop. Em primeiro lugar, é necessário analisar cuidadosamente vários factores, incluindo o tipo de dados que pretende codificar, as definições de qualidade, as capacidades de formato de imagem, a resolução, se as suas imagens são melhor servidas num formato vetorial e muito mais. Também é necessário considerar em que tipo de dispositivo os utilizadores visualizarão a imagem. É melhor partir do princípio de que os utilizadores utilizarão dispositivos móveis e de secretária.

Depois de fazer o trabalho de casa, é altura de começar a comprimir. Como o processo é demorado, você deve ir diretamente à fonte. A página PageSpeed Insights do Google fornece instruções passo a passo para otimizar GIF, PNG e JPEG -tipos de ficheirosque consomem 96% de todo o tráfego de imagens da Internet. Pode transferir as imagens optimizadas diretamente do PageSpeed Insights ou pode utilizar ferramentas de terceiros, como o ImageMagick. A Google avisa que, se utilizar uma ferramenta de terceiros, a transformação pode tornar as suas imagens maiores.

Como testar a velocidade de carregamento da página

Existem dezenas de ferramentas gratuitas que permitem introduzir o URL de uma página e efetuar um teste de velocidade. Embora muitos destes testes de velocidade sejam eficazes, há uma grande probabilidade de os estar a executar de forma errada. Embora possa não pensar que executar um teste de velocidade incorreto seja um grande problema, a realidade é que é um grande problema. Se não executar um teste de velocidade corretamente, não pode avaliar com precisão as melhorias ou, pior ainda, pode tentar melhorar áreas que estão realmente a funcionar muito bem. Então, como é que pode efetuar um teste de velocidade adequado? Use este processo de duas etapas:

• Antes de efetuar o teste

Verifique se a rede de distribuição de conteúdo e o armazenamento em cache já estão configurados e em execução no seu site. Se não tiver, consulte o seu fornecedor de alojamento ou programador Web para ver como pode configurar estas coisas.

• Executar corretamente o teste de velocidade

Executando um teste a partir de um local próximo ao seu centro de dados e de um local distante. Isso ajudará a determinar o impacto que a rede de distribuição de conteúdo tem no desempenho da página. Se não conseguir chegar a um local distante, desactive temporariamente a CDN e volte a testar o seu site a partir do mesmo local.

Execute o teste várias vezes, uma vez que um teste pode não lhe dar uma imagem exacta. Uma leitura incorrecta pode ocorrer quando o seu navegador ou anfitrião ainda não colocou o seu conteúdo em cache, fazendo com que o seu site pareça mais lento do que realmente é.

Qual a importância da velocidade da página para SEO?

Quando o Google lançou a atualização SiteSpeed em 2018, afirmou que apenas os sites mais lentos seriam afetados. No entanto, quando se leva em consideração fatores como rastreamento, taxas de rejeição, taxas de conversão e envolvimento geral do usuário, a realidade é que a velocidade do site desempenha um papel significativo no SEO para todos os sites, não apenas para os lentos.

Primeiro, vamos falar de técnica. O Google tem um orçamento de rastreio, que atribui para testar sites e classificá-los. Se o seu site for lento, os Googlebots não conseguem passar por ele muito rapidamente, o que faz com que o Google hesite em enviá-los de volta. Em vez disso, o motor de busca redirecciona o seu orçamento para rastrear sites com velocidades de carregamento de página mais rápidas, para que possa fazer mais.

As taxas de rejeição, as taxas de conversão e a experiência do utilizador também têm um impacto significativo na SEO, e a velocidade da página afecta cada um desses factores. Tal como já foi referido, mais de um quarto dos utilizadores abandonará um sítio que não carregue em três segundos ou menos. Quando um utilizador clica para sair do seu site após apenas três segundos, isso não é um bom presságio para a sua taxa de rejeição, que desempenha um papel fundamental nas suas classificações.

As conversões também têm impacto nas suas classificações. Se os visitantes do seu site concluírem o ciclo de vendas, o Google toma nota e considera a possibilidade de o fazer subir um nível nas SERPs. Isto é verdade independentemente de o seu ciclo de vendas terminar numa compra, num contacto ou numa subscrição de uma newsletter por correio eletrónico.

Por outro lado, se os visitantes não concluírem o ciclo de vendas, isso significa que estão a recorrer a um concorrente para obterem os produtos, serviços ou informações de que necessitam. Cada vez que um concorrente ganha um negócio que deveria ter sido seu, está a subir nas SERPs e a fazer com que perca um lugar.

Em última análise, o objetivo do Google é garantir a todos os utilizadores uma excelente experiência de navegação. O motor de busca não consegue atingir esse objetivo se as páginas demorarem a carregar e os utilizadores ficarem frustrados. O que é que o Google faz quando um utilizador fica frustrado? Penaliza o site que causou essa frustração, reduzindo a sua classificação. Como é que o Google sabe quando um utilizador está frustrado? As taxas de rejeição e de conversão são muito reveladoras.

Então, a velocidade da página afecta a SEO? Sem dúvida. No entanto, embora deva certamente preocupar-se em melhorar a sua posição nos SERPs, deve, tal como o Google, preocupar-se em melhorar a experiência do utilizador. A forma como os seus visitantes interagem com o seu site e durante quanto tempo são os principais factores que o gigante dos motores de busca considera ao classificar um site. Se os utilizadores estiverem satisfeitos, o Google também estará. Dito isto, se o seu sítio for lento, é altura de começar a trabalhar para acelerar as coisas. Consulte a secção 1 para começar.

Artigos relacionados

• SEO de imagens

• O que são Meta Tags?

• A importância de usar um verificador de classificação de pesquisa