Hay una cosa que se puede hacer hoy con agentes de inteligencia artificial, es ridículamente sencilla, y casi nadie está hablando de ella: auditar la velocidad de sitios web que ya tienes construidos. No importa con qué los hiciste. Si trabajas con WordPress sabes que este es uno de los puntos donde más se pelea un proyecto, porque de ahí sale la optimización que después te hace caerle bien a Google.
🎓 ¿Quieres dominar la optimización de velocidad con IA de forma completa?
En uxdivi.com/cursos tienes el curso de optimización de velocidad web con IA, donde conecto el MCP con Claude Code y optimizo un sitio real de principio a fin, con las mediciones antes y después. Accede como suscriptor y conviértelo en un servicio que cobras.
En este tutorial te voy a mostrar cómo hago una auditoría de velocidad web con IA conectando GTmetrix directamente a Claude a través de un MCP. Vas a ver el proceso completo: cómo se hace la conexión, qué prompt uso para lanzar la auditoría, cómo se lee el dashboard que genera el agente y —esto es lo que más me interesa que te lleves— cómo esto se convierte en un servicio que puedes cobrar.
¿Por qué hacer una auditoría de velocidad con IA y no a mano?
Porque el trabajo tedioso deja de ser tedioso. Una auditoría manual con GTmetrix implica lanzar el test, esperar, abrir el informe, ir pestaña por pestaña, apuntar los hallazgos en un documento aparte, cruzarlos entre sí y recién ahí armar el plan de acción. Con el agente conectado, tú escribes una instrucción y él lanza los tests, lee los informes completos, cruza los datos y te devuelve el diagnóstico junto con el plan de optimización.
Para el ejemplo de este tutorial usé un sitio de prueba montado con una plantilla nuestra en Divi 5: un e-commerce de repuestos con WooCommerce, siete plugins instalados y cero optimización. Un sitio perfectamente normal, del tipo que recibes cuando un cliente te dice "es que va lento". Si quieres entender qué suele estar pasando debajo en esos casos, en otro tutorial repaso los factores que más pesan en la velocidad de un sitio hecho con Divi.
Qué es el MCP de GTmetrix y qué te deja hacer
Un MCP (Model Context Protocol) es el puente que le permite a un agente de IA conectarse a una herramienta externa y usarla de verdad, no solo hablar de ella. Cuando conectas el MCP de GTmetrix a Claude, el agente deja de darte consejos genéricos sobre velocidad y pasa a ejecutar mediciones reales en tu cuenta, con tus créditos y sobre tu sitio.
Consejo: cada test consume 1 crédito de tu cuenta y grabar el video del load suma casi otro. Cuando estés explorando, pídele al agente que corra los tests sin video: el video luce muy bien en el informe para el cliente, pero para diagnosticar no lo necesitas.
Esto es lo que el agente puede hacer una vez conectado:
- Lanzar un test nuevo sobre cualquier URL y consultar su estado hasta que termina.
- Traer el informe completo con las puntuaciones, los Core Web Vitals y los issues de Lighthouse.
- Descargar el
HARdel informe, que es la cascada de peticiones con los tiempos y las cabeceras de cada recurso. - Consultar el historial de un informe para comparar cómo evolucionó el sitio entre mediciones.
- Listar las páginas que tengas monitorizadas y revisar el estado de la cuenta y los créditos disponibles.
Y los tests no son un botón único. El agente puede configurar la región desde donde se mide, el navegador, si quiere el informe de Lighthouse o el legacy —o los dos—, cuántos meses se retiene el informe, la velocidad de conexión simulada, el dispositivo, el tamaño del viewport, e incluso bloquear scripts de terceros para medir cuánto pesa lo tuyo sin lo ajeno. Ese último truco vale oro cuando tienes que demostrarle a un cliente que la lentitud viene de su píxel de seguimiento y no de tu maquetación.
Lo que necesitas antes de empezar
La medición manual la puedes hacer gratis con GTmetrix o con Google PageSpeed Insights de toda la vida. Pero para conectar el MCP necesitas una cuenta de pago de GTmetrix. Cuando grabé este tutorial, el plan más básico arrancaba en 6 dólares al mes con hasta 50 inspecciones, así que revisa los precios vigentes antes de suscribirte.
¿Vale la pena pagarlo? Si eres diseñador web y entregas sitios de forma constante, para mí sí, y no por la herramienta en sí sino por lo que puedes construir encima. Una auditoría de velocidad es un servicio vendible por sí solo, y la optimización que sale de esa auditoría es otro. Ese cálculo lo desgloso más abajo.
Cómo conectar el MCP de GTmetrix a Claude paso a paso
El proceso es idéntico en Claude y en Codex: se instala igual en ambos agentes. Yo lo hago desde Claude Cowork, pero si trabajas con otro cliente los pasos son los mismos.
1. Copia la URL del MCP desde tu cuenta de GTmetrix
Entra a tu cuenta de GTmetrix y ve a My Account. Ahí vas a encontrar el bloque del MCP con autenticación por OAuth. Copia la URL del servidor MCP remoto y déjala a mano.
2. Agrega el conector personalizado en Claude
En Claude ve a Personalizar y luego a Conectores. Agrega un conector personalizado nuevo, ponle un nombre que reconozcas después —yo le puse "GTmetrix MCP"— y pega la URL del servidor MCP remoto que copiaste. Guarda y dale conectar.
3. Autoriza el acceso con OAuth
Aquí GTmetrix te va a pedir autorización para que el agente use tu cuenta. Si ya estás con la sesión iniciada en el mismo navegador, te ahorras el paso de loguearte. Autorizas y listo.
4. Define los permisos con criterio
Este paso es el que más gente se salta y es el que más importa. Claude te va a preguntar qué acciones puede ejecutar sin consultarte. Yo le doy permiso permanente a todo lo que es lectura de informes y a lanzar tests, porque es exactamente el trabajo que quiero que haga solo. Pero a la reautenticación le digo que no: prefiero que me pregunte cada vez que necesite volver a iniciar sesión, por seguridad.
Consejo: después de configurar los permisos tienes que cerrar Claude por completo y volverlo a abrir. Si no lo haces, el MCP no carga y el agente te va a decir que no tiene la herramienta disponible. Es el error número uno cuando alguien me escribe diciendo que "no le funcionó".
Si es tu primera vez configurando algo así y quieres entender bien qué es Claude y cómo se maneja antes de meterte con conectores, tengo una guía completa de Claude desde cero en español que te deja el terreno listo.
El prompt que uso para lanzar la auditoría completa
Con el MCP cargado, la instrucción puede ser sorprendentemente simple. Esta es la que uso:
A este sitio hazle una auditoría completa de velocidad usando el MCP
de GTmetrix que ya tienes conectado.
Móntame aquí mismo un artefacto con un dashboard con todos los
resultados de esa auditoría.
Además de eso, hazme recomendaciones que yo pueda seguir para mejorar
la optimización de ese sitio.Tres instrucciones en una: mide, visualiza y recomienda. Yo lo corro con Opus en esfuerzo máximo porque quiero que razone sobre los datos, no que me los liste. Tarda más de lo que uno espera —en mi caso tardó bastante más de lo que había calculado— pero la diferencia se nota en la calidad de los hallazgos.
Cómo se lee el dashboard que genera Claude
Lo que devolvió el agente en mi ejemplo fue esto: corrió dos informes y el veredicto corto es que el sitio está casi en D, con un 69 de rendimiento pero un 93 de estructura. Esa combinación es habitual y dice mucho: el sitio está bien construido, pero está sirviendo mal.
🎓 ¿Quieres ver este flujo completo en producción?
En uxdivi.com/cursos tengo el curso donde conecto el MCP directamente con Claude Code y te muestro la optimización real de un sitio, no solo la auditoría. ¡Accede como suscriptor y aplícalo en tu próximo proyecto de cliente!
El dashboard llegó como artefacto navegable, plano en diseño pero muy funcional. Y ahí está lo importante: cuando el informe dice que hay 5.3 segundos de HTML, el dashboard te muestra exactamente dónde se van esos 5.3 segundos, con gráficos, en vez de dejarte con el número suelto. Ese detalle es la diferencia entre un reporte que el cliente entiende y uno que le da igual.
Como es un artefacto, además lo puedes personalizar. Le metes tu branding, ajustas los colores a los de tu estudio y lo mandas como entregable. En mi experiencia es de las cosas que más impresionan en una primera reunión, porque el cliente ve datos de su propio sitio presentados con criterio, no una captura de pantalla de una herramienta.
Del informe al plan de optimización
Junto al dashboard, el agente devuelve la segunda pieza: el plan de optimización. Ya no es diagnóstico, es la hoja de ruta de cómo se resuelve cada cosa, con las fases separadas y el tiempo estimado de cada una. En mi ejemplo, la fase 1 salía en unas dos horas y no tocaba nada del diseño, que es justo lo que necesitas poder prometerle a un cliente nervioso.
Consejo: antes de mandar el dashboard, revisa que cada hallazgo tenga su número al lado. Un informe que dice "las imágenes están sin optimizar" no vende nada; uno que dice "hay 4.1 MB de imágenes que pueden bajar a 900 KB" justifica tu factura solo.
Y aquí es donde el flujo se pone interesante de verdad: ese plan se lo pasas a Claude Code con conexión al sitio y lo ejecuta. La auditoría la hace el agente conversacional con el MCP; la optimización la hace el agente con acceso a los archivos. Yo lo hice así con UXDivi Templates, que es un sitio hecho con Divi: arrancó en D y la última medición me dio B, con 82 de rendimiento y 94 de estructura.
Si nunca has trabajado con un agente que toque los archivos de tu sitio, empieza por entender cómo funciona Claude Code antes de darle acceso a un proyecto de cliente. Y ojo con algo que aprendí a la mala: muchas de las cosas que arruinan la velocidad de un sitio en Divi no las arregla ningún plugin de caché, porque el problema está en cómo se construyó la página.
Cómo convertir esto en un servicio que cobras
Esta es la parte que a mí más me interesa y la que casi nadie te cuenta. Todo lo anterior no es un truco de productividad: es un servicio con precio.
Lo separo en dos entregables. La auditoría —el dashboard con los hallazgos— la puedes cobrar entre 25 y 50 dólares, y si el informe está bien presentado, hasta 100. La optimización que sale de esa auditoría se cobra aparte, entre 150 y 200 dólares. Ticket promedio: unos 250 dólares por algo que, con este flujo, te toma un par de horas. El rango depende del tipo de cliente al que te dirijas, obviamente, pero la estructura funciona igual.
🎓 ¿Quieres el flujo completo, de la auditoría a la entrega?
En uxdivi.com/cursos te enseño paso a paso cómo dejar la conexión montada, cómo interpretar cada métrica y cómo ejecutar la optimización sobre un sitio real con resultados medibles. ¡Accede como suscriptor y móntalo esta misma semana!
Lo bueno de venderlo así, en dos tiempos, es que la auditoría es una puerta de entrada barata. El cliente paga poco por saber qué tiene, ve el informe con sus propios números, y de ahí el sí a la optimización sale casi solo. Si te interesa este ángulo, escribí un post entero sobre cómo monetizar lo que haces con Claude donde desgloso otros servicios que se arman con la misma lógica.
Mis recomendaciones antes de que lo pruebes
- Corre siempre dos o tres mediciones antes de sacar conclusiones. Una sola medición te puede mentir por una casualidad de red o de servidor, y no quieres cobrar un informe basado en un dato flojo.
- Mide desde la región donde están tus usuarios reales, no desde la que viene por defecto. Un sitio para México medido desde Londres te da un número que no le sirve a nadie.
- Guarda la medición inicial antes de tocar nada. El "antes y después" es la mitad del valor percibido de tu trabajo, y si no lo capturaste al inicio ya no lo recuperas.
- No apliques todo el plan de golpe. Ejecuta la fase 1, vuelve a medir, y recién entonces sigue. Si algo rompe el sitio quieres saber exactamente qué cambio fue.
- Empieza practicando con un sitio tuyo. Estos flujos se aprenden rompiendo cosas, y es mucho mejor romper las propias que las de un cliente que te paga.
Conclusión
Una auditoría de velocidad web con IA no reemplaza tu criterio: te quita de encima la parte mecánica para que puedas dedicarte a decidir qué se arregla primero y cómo se lo explicas al cliente. Conectas el MCP una vez, y de ahí en adelante cada auditoría te cuesta un prompt y unos minutos de espera. Móntalo con un sitio tuyo esta semana, cobra la primera auditoría a un cliente el mes que viene, y vas a ver por qué insisto tanto con esto.
Comentarios
Para dejar un comentario, accede a tu cuenta de UXDivi.
Acceder a mi cuenta →