Ferramentas para verificar a velocidade do site (itdog, GTmetrix)

A velocidade do site é um fator importante que afeta a experiência do usuário e a classificação do mecanismo de pesquisa - se o tempo de carregamento for superior a 3 segundos, os usuários com 50% ou mais fecharão a página diretamente; um site rápido não só aumenta o tempo de permanência do usuário, mas também ganha pontos na classificação do mecanismo de pesquisa. Se você quiser otimizar a velocidade do seu site, a primeira etapa é "encontrar o problema", e as ferramentas profissionais de medição de velocidade podem ajudá-lo a identificar o gargalo. Nesta seção, apresentaremos duas ferramentas de medição de velocidade para iniciantes: itdog (foco no acesso doméstico) e GTmetrix (análise de desempenho global), e ensinaremos como usá-las para diagnosticar rapidamente os problemas de velocidade do site.

Primeiro, por que devemos testar a velocidade do site? Primeiro, entenda o significado central

Antes de otimizar, é importante deixar claro: a velocidade não é detectada para ver um "número", mas para obter a "direção da otimização". Por exemplo.

• O site está abrindo lentamente porque as imagens são muito grandes? Ou a resposta do servidor está atrasada?

• Acesso rápido para usuários domésticos, mas não pode abrir para usuários estrangeiros?

• Ele aparece bem no computador, mas carrega com atraso no celular?

Todas essas perguntas precisam ser respondidas pela análise de dados da ferramenta de medição de velocidade. Para os novatos, não há necessidade de entender todos os detalhes técnicos, basta se concentrar nas "principais métricas" e nas "recomendações de otimização" para solucionar o problema.

II Ferramenta 1: itdog (preferida pelos webmasters nacionais, com foco no acesso local)

O itdog (nome chinês "ferramentas para webmasters") é uma das ferramentas de medição de velocidade mais usadas na China, com as seguintes vantagensCobertura de todas as principais operadoras e regiões da China continentalque pode refletir com precisão a experiência real de visita dos usuários domésticos. Se os principais usuários do seu site forem visitantes domésticos, dê prioridade a usá-lo para detectar.

1. informações básicas

• Endereço do site oficial：https.//www.itcachorro.cn(Não é necessário registro, acesso gratuito aos principais recursos)

• Cenários aplicáveisTeste a velocidade de acesso de diferentes regiões e operadoras (Telecom / Unicom / Móvel) na China e solucione problemas como "alguns usuários não conseguem abrir o site" e "atraso regional".

• Principais pontos fortesDados: Os dados estão próximos do ambiente de rede real na China, são fáceis de operar e os resultados são intuitivos.

2. funcionalidade principal e etapas de uso (obrigatório para iniciantes)

Etapa 1: Selecione a ferramenta "HTTP Speed Test" (Teste de velocidade HTTP)

Abra o site do itdog e clique em "HTTP Speed Test" (Teste de velocidade HTTP) na barra de navegação superior (ou encontre o portal da ferramenta diretamente na página inicial). Esse é o melhor recurso para iniciantes - ele testa diretamente uma página da Web desde o momento em que ela é solicitada até o momento em que é totalmente carregada.

Etapa 2: Insira o URL e selecione os parâmetros de teste

• Na caixa de entrada "Test URL" (URL de teste), preencha o endereço da página inicial de seu site (por exemplo https://example.com(Recomenda-se o uso de endereços HTTPS).

• "Test Node" (Nó de teste): marque "All" (Todos) por padrão (abrangendo mais de 30 regiões e operadoras na China, como Beijing Telecom, Shanghai Unicom, Guangzhou Mobile etc.), não é necessário alterar para iniciantes.

• "Opções de teste: deixe o padrão (marque "Testar HTML completo" e "Mostrar detalhes") e clique em "Iniciar teste".

Etapa 3: Interpretação dos resultados do teste (foco em 3 informações)

Depois que o teste for concluído, a página exibirá os resultados de carregamento de todos os nós (verde significa normal, vermelho significa anormal). Os novatos não precisam lê-los um por um, concentrem-se nos três pontos a seguir.

1. Tempo total de carregamento​

Cada nó de teste mostrará o "tempo total" (por exemplo, "1,2s", "3,5s"), o tempo de carregamento nas principais regiões (por exemplo, Pequim, Xangai, Guangzhou) deve ser controlado em até 3 segundos, e mais de 5 segundos indica que há problemas óbvios.

2. Consumo de tempo do estágio principal​

Clique em "Details" (Detalhes) de qualquer nó para ver os estágios de decomposição do processo de carregamento.

• "DNS Resolution" (Resolução de DNS): o normal deve estar dentro de 100 ms (se estiver acima de 500 ms, a resolução do nome de domínio pode ser instável, e é recomendável mudar o provedor de serviços de DNS).

• "Connection Establishment" (Estabelecimento de conexão): o normal deve estar dentro de 200 ms (se for superior a 1 s, pode ser devido à má cobertura de rede do servidor na região; recomenda-se mudar o servidor ou usar CDN).

• "Content loading" (Carregamento de conteúdo): a maior parte do tempo total (se for muito longo, pode ser que os recursos, como imagens e vídeos, sejam muito grandes e o tamanho do arquivo precise ser otimizado).

3. Solução de problemas de nós anormais​

Se os nós de uma determinada operadora (por exemplo, Unicom) ou região (por exemplo, províncias ocidentais) geralmente são exibidos em vermelho (falha de carga ou tempo limite), isso significa que os usuários dessa região podem ter problemas para acessar seu site, e você precisa entrar em contato com o provedor do servidor para otimizar a linha.

3. outras funções úteis (a serem testadas por iniciantes)

• Teste de ping em vários locaisSe a taxa de perda de pacotes for superior a 5%, isso significa que o servidor tem baixa estabilidade.

• Consulta ao DNSVerifique se o nome do domínio foi resolvido corretamente (depois de inserir o nome do domínio, você poderá ver os endereços IP retornados por diferentes servidores DNS; verifique se eles são consistentes com o IP do seu servidor).

III Ferramenta 2: GTmetrix (análise de desempenho global, guia de otimização profissional)

O GTmetrix é uma ferramenta de análise de desempenho reconhecida mundialmente, com as seguintes vantagensFornece pontuações de desempenho profissional e recomendações específicas de otimizaçãoEle pode não apenas informar a "velocidade lenta", mas também dizer claramente "o que mudar". Adequado para iniciantes que precisam otimizar o desempenho de seu site em profundidade ou cujo site tenha usuários estrangeiros.

1. informações básicas

• Endereço do site oficial：httPS: //www.gtmetrix.com(A versão gratuita é suficiente para iniciantes, e um registro de teste pode ser mantido após o registro)

• Cenários aplicáveisAnálise de gargalos no desempenho do site (por exemplo, imagens não compactadas, cache não ativado) e simulação da experiência de acesso ao site a partir de diferentes regiões e dispositivos (celular/computador) em todo o mundo.

• Principais pontos fortesCombina as métricas do Google PageSpeed e do Web Vitals para fornecer etapas de otimização acionáveis para que os novatos aprendam a otimizar a velocidade de forma sistemática.

2. funcionalidade principal e etapas de uso (obrigatório para iniciantes)

Etapa 1: Insira o URL e selecione a configuração de teste

Abra o site da GTmetrix e preencha a caixa de entrada com o endereço de seu site (por exemplo https://example.comSe quiser ajustar a configuração do seu site, clique em "Settings" (Configurações) antes de clicar em "Test your site" (a configuração padrão é recomendada para iniciantes).

• Local do testeSelecione o nó de teste (a versão gratuita pode selecionar América do Norte, Europa, parte da Ásia-Pacífico, como "Hong Kong", que é adequado para testar a velocidade orientada para a Ásia).

• NavegadorSelecione o navegador de teste (padrão "Chrome", que é consistente com os navegadores da maioria dos usuários).

• DispositivoEscolha "Desktop" (computador) ou "Mobile" (telefone celular); é recomendável testar os dois dispositivos.

Etapa 2: Interprete os resultados do teste (concentre-se nas 4 seções)

Após a conclusão do teste, será gerado um relatório detalhado. Os novatos não precisam se concentrar em todos os dados, mas nas quatro seções principais a seguir.

1. Pontuação geral de desempenho (nota e pontuação)​

Duas classificações (em uma escala de A a F, sendo A a melhor) são exibidas na parte superior da página.

• Pontuação de desempenhoPontuação de desempenho abrangente (com base na velocidade de carregamento, otimização de recursos etc.), com uma meta de pelo menos um "B" (mais de 70 pontos) para iniciantes.

• Pontuação da estruturaPontuação de otimização estrutural (com base em especificações de código, configurações de cache, etc.), com uma meta para iniciantes de pelo menos "A" (mais de 90 pontos).

2. Principais métricas da Web (Web Vitals)​

Esse é um indicador importante para o Google avaliar a experiência do usuário de um site, o que afeta diretamente a classificação de SEO e precisa ser enfatizado.

• LCP (plotagem de conteúdo máximo)Tempo limite de carregamento: uma medida de quanto tempo leva para carregar o conteúdo principal de uma página, com uma marca de aprovação de "2,5 segundos ou menos" (em verde). Se o tempo limite for excedido, pode ser porque a primeira imagem da tela é muito grande ou porque a resposta do servidor é lenta.

• TBT (Tempo Total de Bloqueio)Tempo limite: Uma medida da latência das interações da página, com uma marca de aprovação de "menos de 100 milissegundos" (verde). Se o tempo limite for excedido, o arquivo JavaScript pode não estar otimizado e precisa ser compactado ou ter o carregamento atrasado.

• CLS (deslocamento cumulativo de layout)Medição da estabilidade do layout da página (para evitar saltos repentinos de elementos): o padrão de aprovação é "dentro de 0,1" (verde). Se o padrão for excedido, os atributos de largura e altura da imagem não poderão ser definidos.

3. Cachoeira​

Visualização da ordem e do tempo necessário para carregar cada recurso (imagem, CSS, JS, etc.) na página. Os iniciantes podem determinar o problema pela cor.

• Recursos vermelhos: o tempo de carregamento é muito longo (por exemplo, mais de 2 segundos para uma imagem), o tamanho do arquivo precisa ser otimizado.

• Recursos amarelos: há um problema de cache (o cache do navegador não está ativado), é necessário configurar o cache por meio de um plug-in (consulte a seção 23.3).

4. Recomendações de otimização​

Essa é a parte mais útil do GTmetrix! Etapas específicas de otimização serão listadas, e cada sugestão é marcada com "Prioridade" (Alta/Média/Baixa) e "Economia de tempo", para que os novatos possam implementá-las de alta a baixa prioridade.

• Alto: deve ser otimizado, por exemplo, "Compactar imagens", "Ativar cache do navegador", "Compactar arquivos CSS/JS".

• Prioridade média (Média): são recomendadas otimizações como "reduzir redirecionamentos" e "atrasar o carregamento de imagens que não sejam da primeira tela".

• Baixo: otimizações opcionais, como "remover CSS não utilizado" (os novatos podem ignorar isso por enquanto).

3. dicas para iniciantes

• teste de comparaçãoApós cada otimização (por exemplo, compactação de imagens, instalação de plug-ins de cache), teste novamente com o GTmetrix e observe se as pontuações e as métricas melhoram para verificar o efeito da otimização.

• Preservação de relatóriosOs registros de teste podem ser salvos após o registro de uma conta para facilitar a comparação das alterações de desempenho ao longo do tempo.

• Evite a otimização excessivaA versão gratuita tem um limite para o número de testes por dia (cerca de 5), portanto, você não precisa testar com frequência, basta otimizar um ou dois problemas principais e depois testar novamente.

IV. Perguntas frequentes e sugestões para iniciantes

1) Os resultados dos testes das duas ferramentas não estão de acordo, qual deles deve prevalecer?

• Fenômeno normal! Como os nós de teste e os ambientes de rede são diferentes (o itdog se concentra no doméstico, o GTmetrix se concentra no global).

• sugestãoUse a ferramenta para a região onde o usuário-alvo está localizado - itdog para usuários domésticos e GTmetrix para usuários estrangeiros; e use as recomendações de otimização do GTmetrix para orientar operações específicas.

2) O resultado do teste diz "lento", mas eu mesmo posso acessá-lo muito rápido?

• Motivo: você pode ter armazenado em cache o conteúdo do site localmente ou na mesma região que o servidor.

• Solução: limpe o cache do navegador (Ctrl+Shift+Delete) durante o teste ou use o GTmetrix para selecionar outros nós regionais para teste a fim de simular a experiência real de diferentes usuários.

3. como otimizar rapidamente quando você não consegue ler o jargão técnico?

• Não há necessidade de se aprofundar na terminologia, basta seguir as "sugestões de otimização" da ferramenta.

• itdog solicita "carregamento lento de conteúdo": priorize a compactação de imagens (consulte a Seção 23.2).

• O GTmetrix solicita "Enable Caching" (Ativar cache): instale um plug-in de cache (por exemplo, WP Rocket, consulte a Seção 19.4).

• O GTmetrix exibe a mensagem "LCP timeout": otimize a imagem da primeira tela (comprima ou mude para o formato WebP).

curto

Verificar a velocidade do seu site é um pré-requisito para a otimização, e o itdog e o GTmetrix têm seus próprios focos: o itdog ajuda a entender a situação real de acesso dos usuários em seu país, enquanto o GTmetrix fornece diretrizes profissionais de otimização. Os iniciantes não precisam dominar todas as funções, só precisam se lembrar: use o itdog para ver o tempo de carregamento das regiões e operadoras nacionais e use as "Sugestões de otimização" (Alta prioridade) do GTmetrix para implementar operações específicas.

Após cada otimização, verifique os resultados com ferramentas que gradualmente reduzem o tempo de carregamento do site para menos de 3 segundos - isso não apenas melhora a experiência do usuário, mas também cria uma base sólida para as classificações de SEO.