optimizar-pagespeed-nextjslisted

Lleva un sitio Next.js (App Router) a la meta de PageSpeed de Alan: MOVIL minimo 90 y ESCRITORIO 100 (ademas de Accesibilidad, Buenas practicas y SEO en 100, errores de consola 0), con el metodo probado en alanquezada.com (movil 74-79 -> ~88-92, escritorio 100). Sirve para proyectos NUEVOS (plantillas de codigo incluidas) y para MEJORAR los ya hechos (procedimiento de auditoria incluido). Usala cuando el usuario diga "el rendimiento es bajo", "sube el PageSpeed", "optimiza la velocidad", "minimo 90 en movil", "100 en web/escritorio", "mejora los proyectos que ya hicimos", o cuando un sitio quede debajo de esa meta. Complementa a `analizador-pagespeed` (medir a fondo) y `checklist-performance-nuevo-proyecto` (buenas practicas de origen); esta skill es el PLAYBOOK de medicion, diagnostico y correccion.
alanqu92/optimizar-pagespeed-nextjs · ★ 0 · Web & Frontend · score 72

Install: claude install-skill alanqu92/optimizar-pagespeed-nextjs

# Primer uso (hazlo ANTES de medir, una sola vez por usuario) Una skill no tiene paso de instalación que muestre mensajes: el onboarding lo haces tú al activarte. 1. Corre `node ~/.claude/skills/optimizar-pagespeed-nextjs/scripts/medir-pagespeed.mjs --doctor` (o la ruta donde esté la skill). Muestra: versión de Node, si hay clave de PageSpeed, si hay Chrome, si hay `gcloud`. 2. Explica al usuario en lenguaje simple las **dos formas de medir** (tabla de abajo) y **cuál le toca hoy** según lo que detectó el diagnóstico. 3. Si no hay clave, ofrece: (a) crearla ya (`--setup`: con `gcloud` y confirmación, o los 4 pasos manuales en la consola de Google, gratis), o (b) seguir en modo local ahora y configurarla después. No crees nada en su cuenta de Google sin su confirmación expresa, y nunca imprimas ni subas la clave a git. 4. Dile cómo pedir las cosas: "mide mi sitio", "sube el PageSpeed", "audita este proyecto". Después continúa con la tarea. | | **API (con clave gratuita)** | **Local (sin clave)** | |---|---|---| | Dónde corre | Servidores de Google | Chrome + Lighthouse en la PC del usuario | | Resultado | **Referencia oficial** (= pagespeed.web.dev) | **Orientativo**: usa su CPU y su red, suele dar más alto (96–97 vs 88–90) | | Corridas | 5 por estrategia, mediana **y rango (margen)**, detecta caché de Google | 1 por estrategia | | Úsalo para | Reportar el número final / verificar la meta | Diagnosticar, ver la traza, probar sin cuenta | Si el usuario recibió e