O recurso de monitoramento de página do Edge Security Accelerator (ESA) coleta dados de usuários reais em dispositivos PC e móveis por meio de integração JavaScript automática ou manual. Ele rastreia as principais métricas da web em tempo real, oferece suporte à análise de páginas HTML e atribui classificações de desempenho nas cores verde, amarela ou vermelha.
Visão geral do recurso
O monitoramento de página do ESA acompanha o desempenho do site utilizando dados reais de usuários em dispositivos PC e móveis. O serviço captura as seguintes métricas essenciais da web e indicadores de desempenho:
CLS (Cumulative Layout Shift): avalia a estabilidade visual ao rastrear mudanças inesperadas de layout durante o carregamento da página.
FCP (First Contentful Paint): mede o tempo até a primeira renderização de conteúdo na página, refletindo a velocidade de carregamento percebida.
FID (First Input Delay): calcula o atraso entre a primeira interação do usuário e a resposta do navegador, indicando a interatividade da página.
LCP (Largest Contentful Paint): registra quando o maior elemento visível (imagem ou bloco de texto) termina de ser renderizado, demonstrando a velocidade de carregamento do conteúdo principal.
TTFB (Time to First Byte): determina o intervalo entre a solicitação do usuário e o recebimento do primeiro byte da resposta do servidor.
INP (Interaction to Next Paint): analisa a responsividade geral da página às interações do usuário durante todo o seu ciclo de vida.
Observações de uso
Atualmente, o monitoramento de página suporta apenas páginas com
content-typedefinido comotext/html. Páginas que não sejamtext/htmlou sem tráfego de acesso não geram dados de monitoramento.O ESA envia os dados coletados fora da China continental para Singapura. Apenas métricas de rede são coletadas; o ESA não coleta nem armazena dados pessoais dos usuários.
Procedimento
No console do ESA, acesse site management e clique no site desejado na coluna Website.
No painel de navegação à esquerda, clique em .
-
Na área Page Monitoring, clique em Add Monitoring. Insira o prefixo do subdomínio a ser monitorado, como
monitor.
-
Selecione uma opção de SDK Integration. O monitoramento de página exige a integração de um script de coleta JavaScript nas suas páginas HTML. Dois métodos de integração estão disponíveis:
Automatic Integration (Recommended): o ESA injeta automaticamente o JavaScript nas respostas HTML da sua origem, sem afetar o conteúdo da página.
-
Manual Integration: adicione manualmente a seguinte tag de script às páginas HTML que você deseja monitorar.
<script src="https://rjsperf.myalicdn.com/sdk.js"></script>
Classificação de desempenho
Cada métrica recebe uma classificação de Bom, Precisa Melhorar ou Ruim com base nos limiares abaixo. Uma avaliação "Bom" indica excelente desempenho, "Precisa Melhorar" representa uma média aceitável e "Ruim" sinaliza desempenho abaixo do esperado. Diversos fatores influenciam essas métricas, incluindo condições de rede do cliente, aceleração do ESA e métodos de renderização do site. Para mensurar a aceleração proporcionada pelo ESA, utilize o Application Real-time Monitoring Service (ARMS) da Alibaba Cloud ou outra ferramenta de monitoramento sintético.
|
Métrica |
Bom |
Precisa Melhorar |
Ruim |
|
TTFB |
<0,8 s |
0,8-1,8 s |
>1,8 s |
|
FCP |
<1,8 s |
1,8-3 s |
>3 s |
|
LCP |
<2,5 s |
2,5-4 s |
>4 s |
|
CLS |
<0,1 |
0,1-0,25 |
>0,25 |
|
INP |
<200 ms |
200-500 ms |
>500 ms |
|
FID |
<130 ms |
130-250 ms |
>250 ms |
Disponibilidade do recurso por plano
|
Monitoramento de página |
Entrance |
Pro |
Premium |
Enterprise |
|
Quantidade de páginas monitoradas |
1 |
3 |
5 |
10 |