Este mismo sitio: App Router + edge rendering + typography-driven. Sin imágenes pesadas, sin frameworks de UI innecesarios.
Este mismo sitio es el caso de estudio: construir la presencia de una agencia que vende performance web con un sitio que lo demuestra en vez de proclamarlo. El estándar que nos impusimos fue Lighthouse 95+ de forma consistente, LCP bajo un segundo en dispositivos reales en Colombia, y cero dependencias de librerías pesadas de UI.
App Router de Next.js con generación estática en todas las rutas — ninguna página carga datos en tiempo de solicitud si no es necesario
Fuentes cargadas vía next/font, sin llamada a Google Fonts en runtime — el navegador recibe las fuentes precargadas con el HTML
Sistema de diseño construido con Tailwind CSS puro — sin CSS-in-JS en runtime, sin overhead de styled-components
Íconos como SVG inline o componentes React — sin cargar una biblioteca de íconos completa de 400+ assets
Imágenes con next/image en todos los casos: AVIF/WebP automático, lazy loading con blur placeholder, dimensiones siempre declaradas
Lighthouse 96 en producción de forma consistente. LCP bajo 1 segundo medido desde dispositivos móviles reales en Colombia. Layout shift cero. TTFB bajo 100ms desde Vercel Edge Network. El sitio arranca en menos de 1 segundo en 3G lento — el entorno real de una parte importante del mercado LATAM.
Cada caso tiene contexto específico que no encaja en una página pública. Si estás evaluando algo parecido, agendamos una llamada corta y te contamos qué funcionó, qué no, y qué no recomendaríamos replicar. Sin pitch de ventas.
Proyectos con métricas verificables. Ese es el objetivo desde el día uno.