Uma skill focada em desempenho para analisar a qualidade da rede e implementar estratégias de carregamento adaptativo baseadas em dados de largura de banda e conexão em tempo real.
Instalar e Baixar
1. ClawHub CLI
A maneira mais rápida de instalar uma habilidade diretamente do registro.
npx clawhub@latest install webperf-resources
2. Instalação Manual
Copie a pasta da habilidade para um desses locais
~/.openclaw/skills/ <project>/skills/ Prioridade: Espaço de Trabalho > Local > Integrado
3. Instalação do Prompt
Copie este prompt para o OpenClaw para instalá-lo automaticamente.
Ajude-me a instalar o webperf-resources usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).
Prefere baixar?
Obtenha os arquivos originais da habilidade em um arquivo ZIP.
O que é Recursos WebPerf e Rede?
A skill WebPerf Resources é uma ferramenta essencial para desenvolvedores que utilizam Openclaw Skills para dominar a otimização de desempenho sensível à rede. Ao aproveitar o Chrome DevTools MCP, esta skill analisa métricas de conexão críticas, incluindo o tipo de conexão eficaz (2G, 3G, 4G), o Round Trip Time (RTT) e as velocidades de downlink.
Ela vai além da simples coleta de dados ao fornecer árvores de decisão acionáveis que recomendam fluxos de trabalho de otimização específicos — como inlining de CSS crítico ou compressão de mídia — adaptados ao ambiente de rede atual do usuário. Isso permite a criação de experiências web verdadeiramente resilientes que se ajustam automaticamente às restrições técnicas do usuário.
Casos de uso do Recursos WebPerf e Rede
- Identificar usuários em conexões lentas (2G/3G) para acionar otimizações de desempenho agressivas.
- Detectar o modo de economia de dados para respeitar as preferências do usuário, desativando a reprodução automática e reduzindo a qualidade da imagem.
- Realizar benchmarking do impacto do Time to First Byte (TTFB) e Largest Contentful Paint (LCP) em diferentes níveis de rede.
- Solucionar problemas de desempenho internacional causados por alto RTT e latência.
Como o Recursos WebPerf e Rede funciona
- A skill executa snippets de JavaScript especializados através da ferramenta chrome-devtools evaluate_script para fazer a interface com a Network Information API.
- Ela captura a saída do console usando a ferramenta chrome-devtools console message para recuperar detalhes da conexão.
- O agente analisa os resultados (RTT, largura de banda e tipo de conexão eficaz) em relação a orçamentos de desempenho predefinidos dentro da skill.
- Com base no perfil de conexão, ela aciona recomendações de cross-skill para otimização de mídia, carregamento ou Core Web Vitals para garantir a melhor experiência de usuário possível.
Configuração do Recursos WebPerf e Rede
Para começar a usar esta ferramenta com Openclaw Skills, certifique-se de que o servidor Chrome DevTools MCP está configurado. Execute o script de análise de rede primário dentro do seu ambiente de destino usando o seguinte comando:
mcp__chrome-devtools__evaluate_script --script "scripts/Network-Bandwidth-Connection-Quality.js"
Consulte a documentação de snippets incluída para configurações de limites específicos e o arquivo schema para interpretar o payload de dados resultante.
Esquema de Dados e Taxonomia de Recursos WebPerf e Rede
A skill organiza sua saída com base na Network Information API e em benchmarks de desempenho internos. Os principais pontos de dados incluem:
| Métrica | Descrição | Valores Potenciais |
|---|---|---|
| effectiveType | Perfil de qualidade de rede observado | 2g, 3g, 4g, slow-2g |
| rtt | Tempo de ida e volta estimado em milissegundos | ex: 50, 300, 1500 |
| downlink | Estimativa de largura de banda eficaz em Mbps | ex: 0.5, 1.5, 10 |
| saveData | Preferência explícita de economia de dados do usuário | true, false |
Recursos avançados do Recursos WebPerf e Rede
- Orçamentos de desempenho sensíveis à conexão, definindo limites de peso para JS, CSS e mídia para cada nível de rede.
- Integração perfeita entre skills com os módulos Loading, Media e Core Web Vitals para auditorias de site holísticas.
- Guias automatizados de implementação de carregamento adaptativo, fornecendo estratégias em nível de código para variadas condições de largura de banda.
- Análise de detalhamento de latência para isolar o impacto de DNS, conexão e sobrecarga de SSL em cenários de alto RTT.
- Suporte para detecção de modo de economia de dados para acionar comportamentos específicos de UI e carregamento de recursos para economia de dados.
SKILL.md
Carregamento
Habilidades relacionadas do Openclaw
Ahrefs para AI Agents
Uma poderosa integração de SEO que permite que AI agents realizem análises abrangentes de backlinks e pesquisas de palavras-chave usando dados do Ahrefs.
Voice Reply Mode
Uma habilidade especializada projetada para impor a consistência de modalidade, garantindo que os agentes de AI respondam com voz a notas de voz e com texto a mensagens de texto.
SocialPack Gerador de Redes Sociais Multiplataforma
O SocialPack transforma um único resumo de conteúdo em postagens perfeitamente formatadas para Twitter, LinkedIn, Instagram, Reddit e Mastodon simultaneamente.
MiniMax Token Checker
Uma ferramenta de monitoramento especializada para rastrear as cotas de token da API MiniMax e receber notificações automatizadas via Telegram.
Vídeo para GIF
Um utilitário especializado para converter segmentos de vídeo em animações GIF otimizadas com controle total sobre dimensões e tempo.
Design de Primers RT-qPCR
Uma habilidade bioinformática profissional para projetar primers qPCR de alta especificidade e sondas TaqMan com mapeamento avançado de homologia entre espécies.
Apresentou*
