Colofón: cómo está hecha esta web
Esta web está hecha con Next.js, React y Tailwind CSS, y se mide cada vez que cambia. Estas son sus cifras, no promesas.
Las cifras de esta web
Cada vez que cambio la web, un proceso automático la compila y pasa Lighthouse en móvil tres veces por página. La tabla recoge la última medición publicada.
| Página | JavaScript (gzip) | LCP | CLS | TBT | Lighthouse (rendimiento) |
|---|---|---|---|---|---|
| Inicio | 141 kB | 1,54 s | 0 | 6 ms | 99 |
| Diseño web | 139,5 kB | 1,54 s | 0 | 7 ms | 100 |
| SEO local | 139,5 kB | 1,53 s | 0 | 7 ms | 100 |
| Valdemoro | 139,5 kB | 1,55 s | 0 | 8 ms | 100 |
| Sobre mí | 139,5 kB | 1,54 s | 0 | 6 ms | 100 |
| Contacto | 140,9 kB | 1,51 s | 0 | 5 ms | 100 |
| Mensaje recibido | 139,5 kB | 1,54 s | 0 | 7 ms | 100 |
| Colofón | 140,6 kB | 1,53 s | 0 | 6 ms | 100 |
| Aviso legal | 139,5 kB | 1,53 s | 0 | 8 ms | 100 |
Medido el 4 de octubre de 2026 con Lighthouse 12.6.1 en móvil: mediana de tres pasadas por página.
Y las de tu visita, ahora mismo
Estas cifras las mide tu navegador mientras lees esta página, sin enviarlas a ninguna parte. La respuesta al interactuar aparece cuando tocas o haces clic en algo.
| Constante | Tu visita | Bueno, según Google | Valoración |
|---|---|---|---|
| LCP: contenido principal pintado | — | Hasta 2,5 s | — |
| CLS: cuánto se mueve la página | — | Hasta 0,1 | — |
| INP: respuesta al interactuar | — | Hasta 200 ms | — |
| Peso descargado | — | — | — |
| Peticiones | — | — | — |
Los presupuestos que no se pueden romper
Son límites fijos: si un cambio se pasa de alguno, la comprobación automática falla y el cambio no entra en la web.
- Rendimiento95 o más en Lighthouse móvil; 100 en accesibilidad y buenas prácticas, y 100 en SEO en las páginas que Google indexa.
- LCPLo principal de cada página, a la vista en 1,8 s como mucho.
- CLSNada salta mientras carga: un desplazamiento acumulado de 0,02 como mucho.
- TBTMientras carga, el navegador no queda bloqueado más de 100 ms en total.
- JavaScript169,4 kB comprimidos como mucho por página: lo que pesa una aplicación de Next.js recién creada, más 30 kB.
Con qué está hecha
Next.js y React con TypeScript, estilos con Tailwind CSS y dos tipografías servidas desde este mismo dominio.
Framework
Next.js con React genera cada página como HTML al publicarla, así que el texto llega entero y se lee incluso sin JavaScript. TypeScript, en modo estricto, revisa el código antes de publicar: un texto que falta no llega a compilar.
Estilos
Tailwind CSS, con los colores, los tamaños y los espacios definidos como variables propias para los dos temas, claro y oscuro. Al publicar solo se genera el CSS que la web usa.
Tipografías
Hanken Grotesk, variable, para todo el texto (34 kB, precargada), y JetBrains Mono solo en etiquetas y cifras (21 kB, sin precarga). Las dos se sirven desde este dominio: ninguna petición a Google Fonts.
Analítica
Plausible, instalado en mi propio servidor: cuenta las visitas sin cookies y sin guardar datos personales.
Alojamiento
Un servidor privado virtual (VPS) que gestiono yo con Coolify. La web se empaqueta en un contenedor Docker que el servidor arranca y vigila.
Lo que no lleva
Ni scripts de terceros, ni cookies, ni banner. Lo puedes comprobar tú mismo con las herramientas para desarrolladores de tu navegador.
- Scripts de tercerosNinguno: todo se sirve desde este mismo dominio.
- CookiesNinguna, ni propia ni de terceros.
- Banner de cookiesNo hace falta: no hay cookies que aceptar.
SEO técnico
Cada página llega como HTML estático, con su canonical, sus datos estructurados enlazados y su sitio en el sitemap.
Si vienes de la consultoría o de la auditoría SEO, esto es lo que puedes comprobar aquí mismo: un solo h1 por página, migas visibles, title y description propios y un canonical sin www ni barra final. Los datos estructurados (JSON-LD) enlazan el negocio, la persona, cada servicio, las migas y las preguntas frecuentes. El sitemap, robots.txt y llms.txt salen del mismo mapa de páginas: lo que no está publicado no aparece en ninguno.
Y ahora, la tuya
Si quieres una web hecha con el mismo cuidado, nueva o a partir de la que ya tienes, por aquí se empieza.