Habilidade Aprimoradora de PageSpeed

Um fluxo de trabalho estruturado, em lotes, de auditoria e correção para os quatro pilares do Lighthouse. Siga sempre o fluxo em lotes, na ordem. Nunca pule direto para as correções sem completar as fases de escaneamento e avaliação de risco.

Guia Detalhado

Leia o guia detalhado antes de executar esta habilidade. Ele contém o procedimento completo e o material de referência. Trate seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para trabalho focado, carregue as seções relevantes; para trabalho de ponta a ponta, leia o guia completamente.

Quando Usar Esta Habilidade

• O usuário cola um relatório do PageSpeed Insights ou menciona pontuações do Lighthouse
• O usuário pede para melhorar as Core Web Vitals (LCP, FCP, CLS, TBT, SI)
• O usuário precisa de ajuda com recursos que bloqueiam a renderização, JavaScript não utilizado, otimização de imagens, cabeçalhos de segurança, conformidade ARIA ou correções de meta tags de SEO
• O usuário pergunta "por que meu LCP está lento", "corrigir problemas de acessibilidade", "melhorar minha pontuação de SEO" ou "meu site pontua 80 em performance"
• Qualquer menção a PageSpeed, Lighthouse, Web Vitals ou velocidade do site

Exemplos

Exemplo 1: Usuário cola um relatório do PageSpeed

Usuário: "Meu site pontua 65 em Performance. O LCP é de 4,2s."

Agente:

1. Analisa a tabela de resumo de pontuação — identifica o LCP como gargalo crítico
2. Executa o escaneamento do Lote A — encontra imagem principal com carregamento preguiçoso (lazy-loaded) e CSS que bloqueia a renderização
3. Gera relatório de risco: F1.1 (CSS @import → link) classificado como P1, F1.5 (imagem LCP com carregamento imediato) classificado como P1
4. Aplica o Lote de Correção 1, verifica com um novo teste

Exemplo 2: Usuário pergunta sobre LCP lento

Usuário: "Por que meu LCP está lento?"

Agente:

1. Solicita um URL do relatório do PageSpeed ou os resultados colados
2. Executa a auditoria específica de LCP do Lote A — verifica TTFB, atraso na renderização do elemento, carregamento preguiçoso
3. Identifica o elemento LCP, sua estratégia de carregamento atual e a cadeia do caminho crítico
4. Recomenda uma correção direcionada (pré-carregamento, carregamento imediato ou melhoria do tempo de resposta do servidor)

Limitações

• Não executa testes reais do Lighthouse ou PageSpeed — o usuário deve fornecer o relatório ou URL
• As recomendações de cabeçalhos de segurança assumem que o usuário controla a plataforma de implantação (Netlify, Vercel, etc.)
• As correções são padrões gerais; os caminhos de arquivo exatos e a sintaxe de configuração podem variar de acordo com a configuração do projeto
• Não cobre otimizações em nível de servidor (configuração de CDN, cache de opcode PHP, consultas de banco de dados, etc.)
• Os comandos de conversão de imagem assumem que o usuário tem as ferramentas necessárias instaladas (cwebp, sharp, Pillow)
• A orientação de CSP usa uma abordagem iterativa apenas de relatório — a política final deve ser ajustada às origens de recursos reais de cada projeto