·webperf-resources
{}

webperf-resources

Análisis inteligente de la calidad de la red con estrategias de carga adaptativas. Detecta el tipo de conexión (2g/3g/4g), ancho de banda, RTT y modo de guardar datos, luego activa automáticamente los flujos de trabajo de optimización apropiados. Incluye árboles de decisión que recomiendan la compresión de imágenes para conexiones lentas, inserción de CSS crítico para RTT alto y optimizaciones de datos guardados (deshabilitar la reproducción automática, reducir la calidad). Incluye presupuestos de rendimiento sensibles a la conexión (500 KB para 2 g, 1,5 MB para 3 g, 3 MB para 4 g+) y guías de implementación de carga adaptable. Integración entre habilidades con Loading (impacto TTFB), Media (imágenes responsivas) y Core Web Vitals (impacto de la conexión en LCP/INP). Úselo cuando el usuario pregunte sobre conexiones lentas, optimización móvil, soporte de datos guardados o estrategias de carga adaptables. Compatible con Chrome DevTools MCP.

12Instalaciones·2Tendencia·@nucliweb

Instalación

$npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources

Cómo instalar webperf-resources

Instala rápidamente el skill de IA webperf-resources en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: nucliweb/webperf-snippets.

SKILL.md

Ver original

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.

When the user asks about network performance, connection quality, or adaptive loading:

When implementing adaptive loading or the user asks "how to optimize for slow connections":

Análisis inteligente de la calidad de la red con estrategias de carga adaptativas. Detecta el tipo de conexión (2g/3g/4g), ancho de banda, RTT y modo de guardar datos, luego activa automáticamente los flujos de trabajo de optimización apropiados. Incluye árboles de decisión que recomiendan la compresión de imágenes para conexiones lentas, inserción de CSS crítico para RTT alto y optimizaciones de datos guardados (deshabilitar la reproducción automática, reducir la calidad). Incluye presupuestos de rendimiento sensibles a la conexión (500 KB para 2 g, 1,5 MB para 3 g, 3 MB para 4 g+) y guías de implementación de carga adaptable. Integración entre habilidades con Loading (impacto TTFB), Media (imágenes responsivas) y Core Web Vitals (impacto de la conexión en LCP/INP). Úselo cuando el usuario pregunte sobre conexiones lentas, optimización móvil, soporte de datos guardados o estrategias de carga adaptables. Compatible con Chrome DevTools MCP. Fuente: nucliweb/webperf-snippets.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-03-10
Actualizado
2026-03-11

Browse more skills from nucliweb/webperf-snippets

Respuestas rápidas

¿Qué es webperf-resources?

Análisis inteligente de la calidad de la red con estrategias de carga adaptativas. Detecta el tipo de conexión (2g/3g/4g), ancho de banda, RTT y modo de guardar datos, luego activa automáticamente los flujos de trabajo de optimización apropiados. Incluye árboles de decisión que recomiendan la compresión de imágenes para conexiones lentas, inserción de CSS crítico para RTT alto y optimizaciones de datos guardados (deshabilitar la reproducción automática, reducir la calidad). Incluye presupuestos de rendimiento sensibles a la conexión (500 KB para 2 g, 1,5 MB para 3 g, 3 MB para 4 g+) y guías de implementación de carga adaptable. Integración entre habilidades con Loading (impacto TTFB), Media (imágenes responsivas) y Core Web Vitals (impacto de la conexión en LCP/INP). Úselo cuando el usuario pregunte sobre conexiones lentas, optimización móvil, soporte de datos guardados o estrategias de carga adaptables. Compatible con Chrome DevTools MCP. Fuente: nucliweb/webperf-snippets.

¿Cómo instalo webperf-resources?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/nucliweb/webperf-snippets

Detalles

Categoría
{}Análisis de Datos
Fuente
skills.sh
Primera vez visto
2026-03-10