A velocidade da página é uma medida de quão rápido o conteúdo da sua página é carregado. A velocidade da página é muitas vezes confundida com “velocidade do site,” que é, na verdade, a velocidade da página para uma amostra de visualizações de página em um site. A velocidade da página pode ser descrita em “tempo de carregamento da página” (o tempo que leva para exibir totalmente o conteúdo em uma página específica) ou “tempo para o primeiro byte” (quanto tempo leva para o seu navegador receber o primeiro byte de informação do servidor web).

Você pode avaliar a velocidade da sua página com Insights de velocidade de página do Google. O PageSpeed ​​Insights Speed ​​Score incorpora dados do CrUX (Relatório de experiência do usuário do Chrome) e relatórios sobre duas importantes métricas de velocidade: Primeira pintura de conteúdo (PCP) e DOMContentLoaded (DCL).

Práticas recomendadas de SEO

O Google indicou a velocidade do site (e como resultado, velocidade da página) é um dos sinais usados ​​por seu algoritmo para classificar páginas. E pesquisas mostraram que o Google pode estar medindo especificamente o tempo até o primeiro byte, como quando considera a velocidade da página. além do que, além do mais, uma velocidade de página lenta significa que os mecanismos de pesquisa podem rastrear menos páginas usando o orçamento de rastreamento alocado, e isso pode afetar negativamente sua indexação.

A velocidade da página também é importante para a experiência do usuário. Páginas com um tempo de carregamento mais longo tendem a ter taxas de rejeição mais altas e menor tempo médio na página. Tempos de carregamento mais longos também foram mostrados afetar negativamente as conversões.

Aqui estão algumas das muitas maneiras de aumentar a velocidade da sua página:

Permitir compressão

Usar Gzip, um aplicativo de software para compressão de arquivo, para reduzir o tamanho do seu CSS, HTML, e arquivos JavaScript que são maiores que 150 bytes.

Não use gzip em arquivos de imagem. Em vez de, comprima-os em um programa como o Photoshop, onde você pode manter o controle sobre a qualidade da imagem. Vejo “Otimizar imagens” abaixo.

Minimizar CSS, JavaScript, e HTML

Ao otimizar seu código (incluindo a remoção de espaços, vírgulas, e outros caracteres desnecessários), você pode aumentar drasticamente a velocidade da sua página. Remova também comentários de código, formatação, e código não utilizado. O Google recomenda usar CSSNano e UglifyJS.

Reduzir redirecionamentos

Cada vez que uma página redireciona para outra página, seu visitante enfrenta mais tempo aguardando a conclusão do ciclo de solicitação-resposta HTTP. Por exemplo, se o seu padrão de redirecionamento móvel for assim: “example.com -> www.exemplo.com -> m.example.com -> m.example.com/home,” cada um desses dois redirecionamentos adicionais torna o carregamento da sua página mais lento.

Remover JavaScript de bloqueio de renderização

Os navegadores precisam construir uma árvore DOM analisando HTML antes de renderizar uma página. Se o seu navegador encontrar um script durante este processo, ele tem que parar e executá-lo antes que ele possa continuar.

Google sugere evitar e minimizar o uso de bloqueio de JavaScript.

Aproveite o cache do navegador

Os navegadores armazenam muitas informações em cache (folhas de estilo, imagens, Arquivos JavaScript, e mais) para que quando um visitante voltar ao seu site, o navegador não precisa recarregar a página inteira. Use uma ferramenta como Lenta para ver se você já tem uma data de expiração definida para seu cache. Então Defina seu “expira” cabeçalho por quanto tempo você deseja que essas informações sejam armazenadas em cache. Em muitos casos, a menos que o design do seu site mude com frequência, um ano é um período de tempo razoável. O Google tem mais informações sobre como aproveitar o cache Aqui.

Melhore o tempo de resposta do servidor

O tempo de resposta do seu servidor é afetado pela quantidade de tráfego que você recebe, os recursos que cada página usa, o software que seu servidor usa, e a solução de hospedagem que você usa. Para melhorar o tempo de resposta do seu servidor, procure gargalos de desempenho, como consultas de banco de dados lentas, roteamento lento, ou falta de memória adequada e corrigi-los. O tempo de resposta ideal do servidor é inferior a 200ms. Aprender mais sobre otimizando seu tempo para o primeiro byte.

Use uma rede de distribuição de conteúdo

Redes de distribuição de conteúdo (CDN), também chamadas de redes de entrega de conteúdo, são redes de servidores que são usados ​​para distribuir a carga de entrega de conteúdo. Essencialmente, cópias do seu site são armazenadas em vários, data centers geograficamente diversos para que os usuários tenham acesso mais rápido e confiável ao seu site.

Otimizar imagens

Certifique-se de que suas imagens não sejam maiores do que o necessário, que eles estão no formato de arquivo correto (PNGs geralmente são melhores para gráficos com menos de 16 cores enquanto JPEGs geralmente são melhores para fotografias) e que eles são compactados para a web.

Use sprites CSS para criar um modelo para imagens que você usa com frequência em seu site, como botões e ícones. Sprites CSS combinam suas imagens em uma imagem grande que carrega tudo de uma vez (o que significa menos solicitações HTTP) e, em seguida, exiba apenas as seções que você deseja mostrar. Isso significa que você está economizando tempo de carregamento ao não fazer os usuários esperarem o carregamento de várias imagens.