¿Son rápidas las webs hechas con IA? Velocidad real y límites
¿Son rápidas las webs hechas con IA?
La velocidad no depende de que el código lo escribiera una IA, sino de qué emite el generador y de qué le cargas encima. Zugo entrega HTML, CSS y JavaScript que el navegador abre directamente, sin capa de compilación ni plugins. A partir de ahí mandan tus imágenes, tus fuentes y los conectores que actives.
Esta es una de esas preguntas donde la respuesta útil no es un número, es un método. Abajo está qué mide un buscador, qué pesa en una página generada, cómo comprobarlo en tu propio proyecto y qué parte del resultado depende de ti.
¿Por qué "rápida" no significa nada por sí solo?
Porque la misma página es rápida en fibra y lenta en un móvil con cobertura irregular, y las dos medidas son ciertas. Sin decir en qué dispositivo, en qué red y midiendo qué momento exacto, la palabra rápida es una impresión, y las impresiones no se pueden comparar entre herramientas.
También porque el peso de una web moderna casi nunca está en el texto. Una página con mucho contenido escrito pesa poco; una con tres fotografías sin comprimir pesa mucho, aunque el maquetado sea el mismo. Confundir la calidad del código con el peso del contenido lleva a optimizar donde no duele.
Y porque el generador solo controla una parte. Puede emitir una página ligera y bien ordenada, y no puede impedir que subas un vídeo de fondo. La pregunta honesta es qué parte controla la herramienta y qué parte controlas tú, y las dos merecen respuesta separada.
¿Qué mide un buscador cuando habla de velocidad?
Google publica tres métricas de experiencia de carga con umbrales fijos. No son opinión nuestra: se consultan en su propia documentación y se miden con sus herramientas, así que sirven de vara común para cualquier herramienta de construcción.
| Métrica | Qué mide | Umbral de "bueno" publicado |
|---|---|---|
| LCP | Cuánto tarda en pintarse el elemento más grande de la pantalla | 2,5 segundos o menos |
| INP | Cuánto tarda la página en responder a una interacción | 200 milisegundos o menos |
| CLS | Cuánto se mueven los elementos mientras carga | 0,1 o menos |
Las tres se miden sobre tu dirección publicada, no sobre el editor. Esa distinción importa: un panel de construcción siempre carga más cosas que la página final, y juzgar la velocidad por lo que tarda el editor es medir el instrumento en lugar del resultado.
Merece la pena entender qué penaliza cada una. LCP suele arruinarlo una imagen grande o una fuente que tarda en llegar. INP se resiente con JavaScript pesado. CLS empeora cuando las imágenes no reservan su espacio y el contenido salta al terminar de cargar.
¿Qué pesa de verdad en una página generada?
Vale la pena mirar la lista completa, porque el orden sorprende a casi todo el mundo la primera vez.
| Pieza | Quién la pone | Qué se puede hacer |
|---|---|---|
| Marcado y estilos | El generador | Poco: es la parte ligera del conjunto |
| JavaScript de la página | El generador | Depende de cuánta interacción pidas |
| Tipografías web | La elección de diseño | Reducir familias y grosores |
| Imágenes y vídeo | Tú, al cargar contenido | Comprimir y dimensionar antes de subir |
| Cliente de Supabase | El conector de base de datos | Solo pesa si el proyecto lo necesita |
| Script de pagos | El conector de Stripe | Se carga donde hay cobro |
| Analítica | El conector de Google Analytics | Un script externo más |
La lectura práctica es que las dos primeras filas rara vez son el problema y las dos siguientes casi siempre lo son. Una fotografía de cámara sin tocar puede pesar más que toda la página que la contiene, y ese desequilibrio no lo arregla ningún generador por muy limpio que sea su código.
Los conectores tienen coste, y decirlo es más honesto que fingir que las integraciones son gratis. Cada servicio externo añade una petición y un script de terceros. La contrapartida es que hacen falta para funciones reales, y reimplementarlas dentro de la página saldría más caro en todos los sentidos. La forma exacta de lo que se genera está en qué stack técnico genera un creador de webs con IA.
¿Cómo lo compruebas en tu propio proyecto?
Con tres comprobaciones que llevan menos de un cuarto de hora y valen más que cualquier afirmación de este artículo.
Primero, pasa tu dirección publicada por PageSpeed Insights y quédate con los datos de móvil, no con los de escritorio. Casi todo el tráfico que te preocupa llega desde un teléfono, y la nota de escritorio siempre es más amable.
Segundo, abre el panel de red del navegador, recarga y ordena por tamaño. La primera fila te dice exactamente dónde está tu problema, y en la mayoría de los proyectos es una imagen o una familia tipográfica de más.
Tercero, repite la prueba con la limitación de red activada en el mismo panel. Una página que sigue siendo usable con conexión degradada está lista; una que se queda en blanco necesita trabajo antes de gastar dinero en tráfico.
Guarda esas tres capturas antes de tocar nada. Sin una medición previa no puedes saber si un cambio mejoró algo, y esa es la trampa clásica de las optimizaciones hechas de memoria.
¿Qué se arregla con una edición y qué no?
Bastantes cosas se piden escribiendo. Reducir a una sola familia tipográfica, quitar una animación cara, mover una sección larga por debajo del primer pantallazo o simplificar una portada cargada son peticiones normales, y cada edición cuesta 3 créditos.
Otras no dependen del generador. Si la imagen que subiste tiene el tamaño de un póster, seguirá pesando lo mismo la escriba quien la escriba: hay que comprimirla y dimensionarla antes de cargarla. El detalle de cómo preparar el material propio está en usar tus propias imágenes.
Y hay una tercera categoría que conviene aceptar. Si tu proyecto necesita base de datos, acceso y cobros, va a cargar los clientes de esos servicios, y eso tiene un coste de milisegundos que no desaparece. La alternativa no es una página más rápida con las mismas funciones, es una página sin esas funciones.
¿Qué ocurre con una plataforma multipágina?
Cambia la unidad de medida. En un proyecto de varias páginas lo que importa ya no es una nota aislada sino la coherencia: que la portada, una ficha interior y la página de contacto se comporten parecido, porque los buscadores y los visitantes entran por sitios distintos.
Conviene medir al menos tres direcciones y no solo la principal. Una portada cuidada y unas interiores olvidadas es el patrón más frecuente, y también el más fácil de corregir a tiempo, porque casi siempre se debe al mismo bloque repetido en todas las plantillas interiores.
Hay una relación directa con la visibilidad, aunque no sea la que se suele contar. La velocidad influye menos que el contenido y la estructura, y aun así una página lenta en móvil pierde visitantes antes de que el contenido llegue a importar. Ese equilibrio se desarrolla en si una web hecha con IA es buena para SEO.
¿Qué garantizamos y qué no?
Garantizamos que la construcción arranca en un entorno aislado antes de entregarse, así que una versión que no abre se reporta como fallo en lugar de llegarte rota. Esa comprobación verifica que el proyecto funciona, no que sea rápido con el contenido que le pongas después.
No prometemos una nota concreta en ninguna herramienta de medición. Sería una cifra sin sentido, porque depende de tus imágenes, de los conectores que actives y del dispositivo desde el que se mida. Cualquier constructor que prometa una puntuación fija está prometiendo algo que no controla.
Tampoco sustituimos a un equipo de desarrollo en un producto complejo, y ahí entra el trabajo fino de rendimiento. Si tu proyecto llega a ese punto, el código se exporta a GitHub y lo optimiza quien tú quieras, con las herramientas de siempre.
La forma rápida de salir de dudas es medir en lugar de discutir. Describe algo pequeño en zugo.dev, publícalo, pasa la dirección por PageSpeed Insights en móvil y mira el panel de red. En un cuarto de hora tendrás datos de tu propio proyecto, que valen más que cualquier promedio ajeno.