Los resultados
Ejecutamos Google Lighthouse en cmssy.io - nuestro propio sitio de marketing, una app Next.js cuyo contenido viene de Cmssy. Los resultados hablan por sí solos:
- Accessibility: 100/100
- Best Practices: 100/100
- SEO: 100/100
- TTFB: 64ms
- Peso total de la página: 332KB
Por qué los sitios headless de Cmssy son rápidos
Lo clave a entender: un sitio Cmssy es una app Next.js (App Router) estándar que tú posees y despliegas. Construyes tus bloques como componentes React con @cmssy/react y @cmssy/next, obtienes el contenido de la API de entrega de Cmssy y lo publicas en tu propio hosting (Vercel, etc.). Cmssy almacena el contenido y da a los editores un editor visual que enmarca tu sitio desplegado - no aloja ni sirve el sitio por ti. Eso significa que cada palanca de rendimiento de Next.js está en tus manos, y estas puntuaciones vienen de usarlas bien.
Los Server Components envían ~0 JS al cliente
Los bloques de Cmssy son componentes React, y en el App Router son Server Components por defecto. Un bloque renderizado en el servidor envía HTML y prácticamente nada de JavaScript al navegador. Solo los bloques que necesitan interactividad optan por "use client", así que el bundle del cliente se mantiene minúsculo - y eso explica gran parte de las puntuaciones de Performance y Best Practices. Mira construir bloques y bloques avanzados.
Contenido cacheado con ISR
El contenido se obtiene de la API de entrega de Cmssy y es totalmente cacheable. Con SSG o ISR de Next.js renderizas las páginas por adelantado y revalidas según un calendario, así que los visitantes reciben HTML pre-renderizado servido desde el edge/CDN de tu hosting - ese TTFB de 64ms es tu respuesta cacheada, no un render por petición.
Optimización de imágenes con next/image
Usa next/image para cada imagen de tus bloques y obtendrás redimensionado automático, formatos modernos, lazy-loading bajo el pliegue y width/height correctos para evitar el layout shift - todo desde el framework que ya controlas.
Datos estructurados, meta y sitemaps
La salida SEO es tuya en tu app Next.js: datos estructurados JSON-LD, la API metadata para las etiquetas meta y Open Graph, y un sitemap generado. Configúralo una vez y cada página lo renderiza - sin plugins.
Fuentes y resource hints
Auto-hospeda las fuentes con next/font para eliminar una petición que bloquea el renderizado y evitar el layout shift, y añade hints preconnect/preload para los recursos críticos. Estas pequeñas mejoras se reflejan directamente en las puntuaciones de Accessibility y Best Practices.
Por qué importa
La mayoría de los page builders sacrifican rendimiento por flexibilidad. Obtienes un editor de arrastrar y soltar, pero tu puntuación Lighthouse cae a 60-70 porque el runtime envía JavaScript pesado al cliente. Cmssy headless evita ese compromiso: los editores tienen edición visual con asistencia de IA, mientras tu sitio es una app Next.js ligera donde tú decides qué corre en el servidor y qué llega al cliente.
¿La diferencia? El rendimiento no lo atornilla una plataforma de hosting - viene de tu propio despliegue de Next.js. Los Server Components, el caché ISR y next/image no son plugins, son la forma en que la app está construida.
Pruébalo tú mismo
Sigue la guía de instalación para integrar @cmssy/react y @cmssy/next en tu app Next.js, construye algunos bloques, gestiona el contenido en el editor o vía MCP, despliega en tu hosting y ejecuta Lighthouse sobre el resultado.