Problema

As aplicações web estão entre as aplicações mais utilizadas hoje em dia devido à sua acessibilidade, flexibilidade e conveniência. Elas podem ser acessadas de qualquer dispositivo com conexão à internet, incluindo computadores de mesa, laptops, tablets e smartphones, tornando-as ideais para usuários que estão em movimento ou que trabalham remotamente.

Um problema de renderização de página da web pode levar a vários problemas, incluindo carregamento lento da página, carregamento incompleto da página ou a página não carregar de todo. É essencial solucionar e resolver rapidamente os problemas de renderização para garantir que os usuários possam acessar as aplicações web sem problemas. Este artigo discutirá algumas das causas comuns do problema de renderização de página da web e como podemos executar etapas de solução de problemas para isolar ainda mais o problema.

Causas Possíveis 

Há várias razões pelas quais a página da web falhou ao renderizar ou estava muito lenta ao renderizar. Algumas das mais comuns são:

• Caminho de Roteamento Subótimo para o Servidor
• Cache e Cookies do Navegador Corruptos/Desatualizados
• Problemas no Servidor
• Links quebrados ou recursos ausentes
• Bloqueio de conteúdo por bloqueadores de anúncios ou firewalls

Solução de Problemas 

Caminho de Roteamento Subótimo para o Servidor

O carregamento lento da página da web às vezes pode ser devido a rotas subótimas para o servidor web. Para garantir uma rota ótima entre o site e o servidor, podemos empregar os seguintes métodos simples para verificar a latência. Conduzindo um teste de ping ou rastreamento de rota, podemos comparar os resultados obtidos quando a conexão passa através do Cato, com os resultados obtidos ao ignorar completamente o Cato.

1. Ping Você pode usar o comando de ping para verificar se o servidor web está respondendo. Se o servidor for acessível, você receberá uma resposta do servidor com o tempo de ida e volta (RTT). Se os valores de RTT forem mais altos quando a conexão passa pelo Cato, então consulte Maior Latência Através do Cato para mais solução de problemas.

2. Rastreamento de rota Você pode usar o comando de rastreamento de rota para verificar o caminho que a conexão toma até o destino. O número de saltos exibidos em um rastreamento de rota não é o fator definitivo para determinar a velocidade de uma conexão. Em vez disso, o Tempo de Ida e Volta (RTT) possui um significado maior ao avaliar a velocidade da conexão.

O exemplo a seguir destaca este cenário: embora o número de saltos no caminho da rede diminua significativamente quando a conexão passa pelo Cato, o Tempo de Ida e Volta (RTT) é inesperadamente mais alto em comparação com o resultado obtido quando a conexão é ignorada.

A conexão abaixo ignorou o Cato:

O abaixo mostra a mesma conexão, mas passa pelo Cato:

NOTA: Ao atravessar a nuvem do Cato, é comum observar uma redução no número de saltos. Isso acontece porque os saltos internos dentro da infraestrutura da nuvem do Cato não são refletidos nos resultados de rastreamento de rota.

Maior Latência Através do Cato:

Para abordar a maior latência quando a conexão passa pelo Cato, é essencial examinar as seguintes configurações:

Garantir que o Socket se conecte ao PoP mais próximo

• No CMA, vá para a aba de Monitoramento e, em seguida, selecione o site afetado
• No painel direito, em Conexões Recentes, clique em Ver Log. Isso abrirá outro painel com informações sobre o PoP conectado.
• Se não estiver conectado a um PoP mais próximo da localização do site, verifique se o socket foi configurado manualmente para se conectar a um PoP preferencial navegando para Rede > Sites > Configuração de Sites > Geral > Localizações PoP Preferenciais
• Se tiver sido configurado incorretamente para o PoP errado, então siga este Definindo um PoP Preferencial para um Site para configurá-lo para o PoP mais próximo, ou defina a Localidade Primária para Automático (padrão) e o Socket irá selecionar e conectar ao melhor PoP automaticamente.

Verifique Se Há Alguma Regra de Saída ou Backhaul

• No CMA, vá para Regras de Rede e percorra a lista para verificar se há alguma regra que diz respeito ao servidor web em questão, e tem método de roteamento configurado.

• Se houver, revise o PoP/Site de saída configurado e avalie a sua proximidade com o servidor web.

• Se o PoP/Site estiver localizado longe do servidor web, você tem duas opções para otimizar a configuração:
  -- Modificar a regra de rede existente removendo o endereço IP do servidor web da regra. Essa alteração permitirá (por padrão) que o tráfego saia do PoP ao qual o socket está conectado. No entanto, é importante notar que isso pode nem sempre ser ideal, pois o PoP diretamente conectado pode não estar em estreita proximidade com o servidor web.
  -- Alternativamente, crie uma nova regra de rede especificamente para o servidor web. Nesta nova regra, configure a saída para um PoP/Site que esteja mais próximo da localização real do servidor web.
  Consulte Como Configurar uma Regra de Saída e Configurando o Encaminhamento de Tráfego de Internet para instruções sobre como configurar, respectivamente, uma regra de saída e encaminhamento de tráfego de internet.

Cache e Cookie do Navegador Corruptos/Desatualizados

Cache e cookie do navegador às vezes podem levar a problemas de renderização em uma página da web se os recursos em cache estiverem desatualizados ou corrompidos. Isso pode acontecer quando o arquivo CSS ou JavaScript de uma página da web é atualizado, mas o navegador ainda utiliza a versão em cache, resultando em renderização incorreta ou erros na página. Para confirmar se isso resolve o problema, o usuário pode tentar acessar a página no modo incógnito. Se funcionar no modo incógnito, os usuários podem limpar o cache do navegador e recarregar a página. A seguir estão algumas das maneiras de limpar o cache e os cookies do navegador para alguns dos navegadores mais utilizados.

Google Chrome:

• Abra o Google Chrome e clique no ícone de três pontos no canto superior direito da janela.
• Clique em "Mais ferramentas" e depois em "Limpar dados de navegação".
• Selecione o intervalo de tempo que deseja limpar e marque as caixas para "Cookies e outros dados de sites" e
• "Imagens e arquivos em cache".
• Clique em "Limpar dados".

Mozilla Firefox:

• Abra o Firefox e clique no ícone de três linhas no canto superior direito da janela.
• Clique em "Configurações" e depois em "Privacidade & Segurança".
• Role até a seção "Cookies e dados de sites" e clique em "Limpar dados".

Apple Safari:

• Abra o Safari e clique em "Safari" na barra de menu na parte superior da tela.
• Clique em "Preferências" ou "Configurações" e depois em "Privacidade".
• Clique em "Gerenciar Dados de Website".
• Clique em "Remover Tudo" e depois em "Concluído".

Microsoft Edge:

• Abra o Microsoft Edge e clique no ícone de três pontos no canto superior direito da janela.
• Clique em "Configurações" e depois em "Privacidade, pesquisa e serviços".
• Clique em "Escolher o que limpar" na seção "Limpar dados de navegação".
• Marque as caixas para "Cookies e outros dados de sites" e "Imagens e arquivos em cache".
• Clique em "Limpar agora".

Isolar mais ao seguir o problema

Nesta seção, exploraremos técnicas de solução de problemas que envolvem isolar o problema para identificar sua causa raiz. Para ajudar nesse processo, considere fazer as seguintes perguntas:

• Isso está acontecendo apenas na China?
• Se a resposta for 'Sim', consulte China | Página da Web com Problemas de Renderização para determinar se esse problema é causado por rastreadores ou adware bloqueados pelo GFW da China.
• Esse problema está afetando apenas um (grupo de) usuários?
  Se a resposta for 'Sim', precisamos identificar qual é a diferença entre o dispositivo que esse (grupo de) usuário(s) está usando comparado ao resto.
• O problema ocorre apenas em determinadas horas do dia?
  Se sim, então precisamos verificar a utilização da largura de banda e potencialmente perda de pacotes durante esse período. Se vermos perda de pacotes durante esse período, consulte Como Resolver Perda de Pacotes para mais instruções de solução de problemas.
• O problema afeta apenas um site específico?
  Se isso está afetando apenas um site, verifique por qualquer regra de firewall/rede que esteja se originando do site afetado. Examine essas regras para verificar se poderiam estar contribuindo para o problema. 
• O problema só acontece quando a conexão se origina de um país específico?
  Se isso também afeta um país específico, então provavelmente isso está relacionado ao bloqueio geográfico. Consulte Website inacessível devido ao bloqueio de IP da Cato ou bloqueio geográfico para mais detalhes.
• O problema ocorre apenas quando a conexão passa pelo Cato?
  Se a resposta for 'Sim', isso pode ser possivelmente devido a lista negra de IP. Consulte Websites na Lista Negra do IP do Cato para mais detalhes.
• O problema ocorre apenas para um navegador específico?
  Se sim, isso provavelmente se deve a cache e/ou cookie corrompido. Também pode ser devido a um navegador desatualizado. Tente navegar no modo incógnito e também atualize o navegador se necessário. 
• O usuário precisa clicar em "Prosseguir" antes de avançar para o website?
  Se uma página de prompt do Cato aparecer e a página da web carregar parcialmente quando o usuário clicar em "Prosseguir", então isso é uma limitação conhecida. Consulte Websites com Página de Prompt Não Carregam Corretamente para mais detalhes sobre essa limitação. 

Se você chegou a esta seção do artigo, é provável que o problema de renderização que está enfrentando seja complexo e exija coleta de dados para análise mais aprofundada. HAR, ou HTTP Archive, é um formato de arquivo usado para capturar e registrar a interação entre um navegador web e um website. A próxima etapa envolve coletar dados HAR enquanto replica o problema. Esses dados fornecerão insights valiosos para uma análise mais aprofundada, ajudando a identificar as possíveis causas do problema de renderização. Consulte Como Coletar Dados HAR para as instruções.

Depois de coletar os dados HAR, você pode consultar Como Usar o Arquivo HAR para Analisar Problemas de Página Web para etapas detalhadas sobre como analisar eficazmente o arquivo HAR coletado. Este guia lhe fornecerá as instruções necessárias para isolar e identificar o problema específico que está causando o problema de renderização.

Suporte Cato

Se as etapas mencionadas acima não ajudaram a identificar e resolver o problema de renderização da página da web, pedimos gentilmente sua assistência na coleta dos dados necessários para uma análise mais detalhada pela nossa equipe de Suporte:

• Coletar SSS. Por favor, consulte Portal-Suporte-Autoatendimento-SuporteMe para instruções detalhadas sobre como coletar e fornecer os dados necessários para Suporte.
• Coletar os Dados HAR enquanto o problema está sendo replicado e fazer upload para o Caso de Suporte. Consulte Como-Coletar-Dados-HAR para instruções detalhadas.