# Pagina Performance > Audita a performance de uma página HTML gerada (peso, requisições, imagens, fontes, CSS/JS bloqueante, Core Web Vitals estimados) e corrige automaticamente os problemas encontrados, devolvendo a página otimizada. Pensada para páginas estáticas single-file produzidas pelas skills `copy-pagina`, `lt-pagina` e `ht-pagina-inscricao`. - Skill: `readytogo-education/pagina-performance` (Agent Skill) - Install (CLI): `npx skillmds@latest add readytogo-education/pagina-performance` - Raw SKILL.md: https://api.skillmd.com/api/skills/readytogo-education/pagina-performance/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: readytogo-education (https://skillmd.com/u/readytogo-education) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/readytogo-education/pagina-performance --- # Página Performance. Auditoria e Correção Automática Roda uma auditoria de performance em uma página HTML que já existe no projeto e devolve uma versão otimizada, sem precisar abrir o PageSpeed manualmente. ## Quando Usar - Logo após gerar uma página com `/copy-pagina`, `/lt-pagina` ou `/ht-pagina-inscricao`. - Quando o usuário disser "audita essa página", "tá lenta", "melhora o PageSpeed", "otimiza essa página", "deixa essa página leve". - Antes de instalar Pixel ou publicar via Lovable. Página rápida primeiro, tracking depois. ## O Que Fazer ### 1. Localizar a página Pergunte qual página auditar. Por padrão, ofereça: 1. Última página salva em `entregas/{ativo}/paginas/` 2. Outra página (informar caminho) Se houver só uma, use direto. ### 2. Auditoria (sem chamar API externa) Leia o HTML completo e analise os pontos abaixo. Para cada item gere um pequeno score (OK / ATENÇÃO / RUIM). **Peso e estrutura** - Tamanho total do arquivo em KB. - Quantidade de imagens, fontes externas, scripts e folhas de estilo externas. - CSS e JS inline vs externo (single-file é o padrão do projeto). - Comentários grandes ou código morto. **Imagens** - Imagens sem `loading="lazy"` (exceto a primeira dobra). - Imagens sem `width` e `height` (causa CLS). - Formatos pesados (PNG/JPG grande sem motivo). Sugerir WebP. - Background-image em `

` que poderia ser `` lazy. - Picsum, placehold.it, imagens aleatórias da internet (proibido pelo padrão do projeto, ver memória `feedback_imagens_paginas_html`). **Fontes** - Mais de 2 famílias do Google Fonts. - Mais de 4 pesos por família. - Falta de `&display=swap`. - Falta de `preconnect` para `fonts.gstatic.com`. **CSS** - Seletores muito profundos. - `!important` em excesso. - Animações pesadas em elementos grandes. - Falta de `prefers-reduced-motion`. **JS** - `