A otimização da velocidade da página é crucial para qualquer sítio Web e é fundamental para a sua SEO e a experiência do utilizador. Além disso, tem uma grande influência nas classificações de tráfego do seu sítio e nas métricas do Google. A velocidade das páginas pode ser medida e melhorada de várias formas e este artigo fornece uma visão geral básica de como o fazer. Mas primeiro, um esboço de como as páginas são carregadas:

1. Um utilizador vai ao seu sítio Web e introduz um sítio Web que conduz a um pedido DNS.
2. Isto liga-os ao fornecedor do nome de domínio que os redirecciona para o seu servidor, onde estão todos os seus ficheiros.
3. O modelo de objeto de documento (DOM) carrega o HTML, CSS e JavaScript para a página. Normalmente, o DOM precisa de pedir recursos adicionais ao seu servidor, que é onde ocorrem os maiores abrandamentos.

Quanto à forma como Google A velocidade das páginas classificadas tem em conta duas métricas principais:

• tempo para carga acima da dobra: Tempo decorrido desde o momento em que um utilizador solicita uma nova página até ao momento em que o conteúdo acima da dobra é processado pelo browser.
• tempo para carregamento completo da página: Tempo decorrido desde o momento em que um utilizador solicita uma nova página até ao momento em que a página é totalmente processada pelo browser.

Factores que influenciam a velocidade

Há uma série de aspectos a ter em conta quando o seu sítio Web está a ficar lento. Um dos primeiros é imagensAs imagens mais pesadas podem dificultar seriamente o carregamento. Para resolver este problema, poderá ter de comprimir e redimensionar as suas imagens para as tornar adequadas. Como regra geral, uma página não deve ser maior do que um megabyte (e a maioria nem precisa de ser assim tão grande). A otimização de imagens é a culpada mais comum, causando lentidão em várias páginas devido a negligência e ao facto de não se controlar a forma como se carregam as imagens.

Embora um software CMS como o WordPress possa fazer um bom trabalho de redimensionamento e compactação, é melhor fazê-lo por conta própria. Deixar isso a cargo do WordPress significa muitas vezes que os seus ficheiros serão 15% a 30% maiores do que se tivessem sido comprimidos manualmente antes de serem carregados.

Alojamento é outro fator que pode dar uma vantagem à sua página. É importante escolher um pacote de alojamento Web que ajude a melhorar a velocidade de carregamento da página do seu sítio. Isto pode ser melhorado através de um servidor com recursos dedicados, o que evita que outros sítios ocupem o processador e a memória. Do mesmo modo, ter um disco rígido SSD melhor e armazenar a base de dados e outros recursos diretamente no servidor Web também ajuda. Pode também cache e minificar recursoso que ajudará a melhorar a velocidade do seu sítio.

Mantenha-se a par das suas plugins, aplicações e widgets. Todos os scripts de terceiros podem prejudicar imenso a sua velocidade. O que é que tema que está a utilizar também pode ser importante, porque as mais pesadas podem ser desgastantes. O número de redireccionamentos que demora a chegar à página Web também pode afetar a otimização da velocidade da página. Também pode acelerar as coisas utilizando HTTP/2, pré-busca, pré-conexãoe elementos de pré-carregamento.

Ferramentas de otimização da velocidade da página

Quando se trata de ferramentas, as que o Google fornece são sempre um ótimo ponto de partida. Estas incluem Relatório de experiência do utilizador do próprio Chrome e Google Lighthouse (que abordámos num artigo anterior). Enquanto o Relatório do Chrome só é útil para grandes sites, o Lighthouse pode executar uma auditoria em praticamente qualquer coisa. Como ambas as ferramentas são do Google, elas podem fornecer os dados de que você precisa. Além disso, o Lighthouse também dá aos utilizadores feedback sobre o que podem melhorar, à semelhança de outra ferramenta: Informações sobre a velocidade da página.

Existem também alternativas que não são do Google, como Pingdom e GTmetrix que podem ser úteis por si só. Da mesma forma, estão disponíveis ferramentas em testmysite.thinkwithgoogle.com

Métricas de velocidade

Primeira pintura com conteúdo é o momento em que aparece a primeira parte do conteúdo. Normalmente, isto fará parte do pesquisa onde o nome aparece durante o carregamento. A seguir, encontra-se a barra Primeira pintura significativa, que é quando o conteúdo primário torna-se visível pela primeira vez. De acordo com o Google (que cunhou o termo): "Digamos que tem uma página de comércio eletrónico e há uma imagem que é fundamental para a página, então a primeira pintura significativa requer que essa imagem esteja visível". Este tempo pode ser crucial, pois dá ao utilizador algum conteúdo para ver antes de poder interagir com tudo. Se o carregamento nesta parte for lento, a maioria dos utilizadores desiste e vai para outra página.

A seguir a estes 2 está o Tempo para interatividadeÉ quando é visualmente utilizável e o utilizador pode interagir corretamente com a página. Por último, existe o ponto em que a página tem o Conteúdo DOM carregado. Isto refere-se ao momento em que o HTML está completamente bloqueado e carregado.