A otimização da velocidade da página é crucial para qualquer site e é fundamental para o SEO e a experiência do usuário. Além disso, ela tem uma grande influência nas classificações de tráfego do seu site e nas métricas do Google. A velocidade da página pode ser medida e aprimorada de várias maneiras, e este artigo fornecerá uma visão geral básica de como isso pode ser feito. Mas, primeiro, um esboço de como as páginas são carregadas:
- Um usuário acessa o site deles e insere um site que leva a uma solicitação de DNS.
- Isso os vincula ao provedor de nomes de domínio, que os redirecionará para o seu servidor, onde estão todos os seus arquivos.
- O modelo de objeto de documento (DOM) carrega o HTML, o CSS e o JavaScript da página. O DOM geralmente precisa solicitar recursos adicionais do servidor, que é onde ocorrem as maiores lentidões.
Quanto à forma como o Google classifica a velocidade das páginas, há duas métricas principais que ele leva em consideração:
- tempo para carga acima da dobra: Tempo decorrido desde o momento em que um usuário solicita uma nova página até o momento em que o conteúdo acima da dobra é renderizado pelo navegador.
- tempo para carregar a página inteira: Tempo decorrido desde o momento em que um usuário solicita uma nova página até o momento em que a página é totalmente renderizada pelo navegador.
Fatores que influenciam a velocidade
Há vários aspectos a serem observados quando seu site está ficando lento. Um dos primeiros é imagensAs imagens mais pesadas podem dificultar muito o carregamento. Para solucionar esse problema, talvez seja necessário compactar e redimensionar as imagens para que elas fiquem adequadas. Como regra geral, uma página não deve ser maior que um megabyte (e a maioria nem precisa ser tão grande). A otimização de imagens é a culpada mais comum, causando lentidão em várias páginas devido à negligência e ao não controle de como as imagens são carregadas.
Embora um software CMS como o WordPress possa fazer um bom trabalho de redimensionamento e compactação, é melhor fazer isso por conta própria. Deixar isso a cargo do WordPress geralmente significa que seus arquivos serão de 15% a 30% maiores do que se tivessem sido compactados manualmente antes do upload.
Hospedagem é outro fator que pode dar uma vantagem à sua página. É importante escolher um pacote de hospedagem na Web que ajude a melhorar a velocidade de carregamento da página de seu site. Isso pode ser aprimorado com um servidor que tenha recursos dedicados, o que evita que outros sites consumam o poder do processador e da memória. Da mesma forma, ter um disco rígido SSD melhor e armazenar o banco de dados e outros recursos diretamente no servidor da Web também ajuda. Você também pode cache e Minificar recursoso que ajudará a melhorar a velocidade de seu site.
Mantenha o controle de seus plugins, aplicativos e widgets. Todos os scripts de terceiros podem prejudicar imensamente suas velocidades. O que tema que você está usando também pode ser importante, pois os mais pesados podem ser desgastantes. O número de redirecionamentos que leva para chegar à página da Web também pode interferir na otimização da velocidade da página. Você também pode acelerar as coisas usando 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. Isso inclui Relatório de experiência do usuário do próprio Chrome e Farol do Google (que abordamos em um artigo anterior). Enquanto o Relatório do Chrome só é útil para sites grandes, o Lighthouse pode executar uma auditoria em praticamente qualquer coisa. Como ambas as ferramentas são do Google, elas podem fornecer exatamente os dados de que você precisa. Além disso, o Lighthouse também fornece feedback aos usuários sobre o que eles podem melhorar, semelhante a outra ferramenta: Informações sobre a velocidade da página.
Há também alternativas que não são do Google, como Pingdom e GTmetrix que podem ser úteis por si só. Da mesma forma, as ferramentas estão disponíveis em testmysite.thinkwithgoogle.com
Métricas de velocidade
Primeira pintura com conteúdo é quando a primeira parte do conteúdo aparece. Normalmente, isso fará parte da barra de pesquisa, onde o nome aparece durante o carregamento. Em seguida, vem o Primeira pintura significativa, que é quando o conteúdo primário se torna visível pela primeira vez. De acordo com o Google (que criou o termo): "Digamos que você tenha uma página de comércio eletrônico e haja uma imagem que seja essencial para a página, então a primeira pintura significativa exige que essa imagem esteja visível". Esse tempo pode ser crucial, pois dá ao usuário algum conteúdo para ver antes que ele possa interagir com tudo. Se o carregamento nessa parte for lento, a maioria dos usuários desiste e vai para outra página.
Após esses dois, há o Tempo para interatividadeque é quando ela é visualmente utilizável e o usuário pode interagir adequadamente com a página. Por fim, há o ponto em que a página tem o Conteúdo do DOM carregado. Isso se refere a quando o HTML está completamente bloqueado e carregado.