Tempo de Carregamento | Velocidade da Página
A velocidade da página é uma forma de classificar o quão rápido é o carregamento do conteúdo de uma página, podendo ser descrita por meio de duas nomenclaturas: tempo de carregamento de página ou tempo para o primeiro byte.
Enquanto o tempo de carregamento de página consiste no período que um conteúdo leva para ser totalmente exibido em determinada página, o tempo para o primeiro byte é a medida de quanto tempo demora para que o navegador consiga receber o primeiro byte de informação oferecido pelo servidor web.
Importância da velocidade da página
A importância da velocidade da página está diretamente relacionada à sua capacidade de interferir no posicionamento da página nos mecanismos de busca, sendo extremamente relevante para as estratégias de SEO. O Google, por exemplo, afirma que se trata de uma medida que o seu algoritmo utiliza para classificar cada página.
Além disso, as páginas que demoram mais tempo para carregar podem contar com maiores taxas de rejeição. Portanto, uma boa velocidade da página é essencial para que o usuário não abandone o site, melhorando a sua experiência.
Formas de aumentar a velocidade da página
Existem diversas formas de aumentar a velocidade da página ao seguir práticas recomendadas de SEO. Algumas delas são:
Realizar a compressão de arquivos
Uma prática que pode ser realizada para assegurar o carregamento rápido da página é o uso de ferramentas voltadas para a compressão de arquivos HTML, JavaScript e CSS maiores que 150 bytes.
Otimização de imagens
Verifique se as imagens utilizadas não estão maiores do que o necessário e se estão no formato de arquivo correto e compatível para web. Com o uso de Sprites CSS, é possível elaborar um modelo de imagens utilizadas com frequência, combinando-as em apenas uma imagem que carrega rapidamente de uma vez só.
Diminua os redirecionamentos
Para aumentar a velocidade de carregamento da página, é necessário evitar o redirecionamento de URL, pois isso faz com que o usuário enfrente um tempo maior devido à espera da finalização do ciclo de solicitação-resposta HTTP.
Otimização de códigos (minificação de arquivos)
Verifique os códigos, otimizando-os caso necessário. Remova vírgulas, espaços e outros caracteres desnecessários, além de conferir se não há textos ocultos. A otimização de códigos pode ser responsável por aumentar significativamente a velocidade da página.
Procure melhorar o tempo de resposta do servidor
O software usado pelo servidor, a quantidade de tráfego recebida, a solução de hospedagem utilizada e os recursos usados por cada página são fatores capazes de impactar o tempo de resposta do servidor. Para melhorá-lo, é importante identificar e corrigir gargalos de desempenho, como roteamento lento e consultas ao banco de dados lentas.
Ferramentas para testar a velocidade do site
Na internet, existe uma gama de ferramentas voltadas para a testagem da velocidade da página, as quais funcionam de maneira simples: ao informar o URL, é possível obter um relatório capaz de informar o tempo gasto e observar os problemas identificados.
Entre as principais ferramentas utilizadas, estão:
Google PageSpeed Insights
Trata-se de uma das ferramentas mais conhecidas no ramo, responsável por analisar e oferecer sugestões para a página em desktop ou dispositivo mobile. Em sua avaliação de velocidade, os resultados variam entre 0 e 100, com três divisões por cores:
- Pontuação de 0 a 49: vermelho, lento;
- Pontuação entre 50 e 89: amarelo, médio;
- Pontuação entre 90 e 100: verde, rápido.
Caso exista algum problema, a ferramenta é capaz de identificá-lo e recomendar práticas para corrigi-lo.
GTmetrix
A GTmetrix é considerada uma das ferramentas mais completas para analisar a velocidade de uma página e apontar o que deve ser melhorado. Isso porque, além do seu fácil uso, ela possui uma grande variedade de dados.
Após incluir o link da página, o relatório é apresentado, trazendo uma avaliação completa da velocidade por meio de análises que usam dois critérios distintos: um leva em conta o YSlow, baseado no Yahoo, e o outro utiliza critérios da PageSpeed Insight, elaborada pelo Google.
Cada critério é definido detalhadamente na página de resultados, apresentando a pontuação e recomendações de medidas necessárias para solucionar os problemas apontados.
WebPageTest
Outra ferramenta usada para a verificação do tempo de carregamento de uma página é o WebPageTest. Para utilizá-lo, basta colocar o endereço da página que será analisada e escolher qual região deseja simular – ou seja, aquela de origem do acesso. Além disso, a ferramenta permite testes em diferentes browsers e dispositivos móveis.
Após inserir o endereço da página e escolher as configurações necessárias, deve-se clicar em “Start Test” e esperar alguns minutos. Depois, a ferramenta mostrará os resultados de pesquisa, que trarão diversos critérios que identificam se a página está lenta ou não por meio de notas, que vão de F a A+, com F indicando o pior desempenho, e A+, o melhor.
Entre esses diversos critérios, estão:
- First time byte: o tempo de primeiro byte do servidor, isto é, o tempo de resposta;
- Keep-alive enabled: avalia uma configuração do servidor que faz com que seja possível baixar diversos arquivos de uma vez só;
- Compress transfer: para melhorar esse score, é preciso usar modelos de compressão como o Minify ou o GZIP;
- Compress images: essa nota avalia se as imagens possuem algum nível de compressão;
- Cache static content: avalia se o cache do navegador está sendo usado da melhor forma possível;
- CDN: analisa se o CDN está sendo utilizado de modo efetivo, o que pode ser realizado por meio de uma ferramenta configurada junto ao site, que faz com que várias cópias dos arquivos estáticos estejam espalhadas em diferentes regiões.