← La CasaPruebas, honestas

Pruebas, honestas

Espejo

Esta sala pone el espejo frente al propio sitio. No es una metáfora, sino las cifras realmente medidas de la compilación que generó la página que estás leyendo ahora mismo, junto con un relato claro de con qué se comunica el sitio y cuánto cuesta.

Con qué está construido

  • React 18, TypeScript, Vite. Escrito a mano, sin constructor de sitios, sin plantilla.
  • Tailwind para los estilos, `motion` para la navegación desplegable al pasar el cursor y la portada en abanico de libros, ninguna otra biblioteca de animación.
  • three.js junto con @react-three/fiber y @react-three/drei, usado en exactamente una sala (Brain). La constelación propia de War Room es SVG simple, no 3D, una decisión de peso deliberada al renderizar 232 agentes.
  • @noble/ed25519 y @noble/hashes para las claves de firma efímeras por visita en Heartbeat, Sketch, Verifier y Tre.
  • Las fuentes (Inter, Newsreader, IBM Plex Mono) están autoalojadas, con subconjuntos por sistema de escritura. Sin Google Fonts ni ninguna otra solicitud de fuente de terceros.

Con qué se comunica

  • api.drand.sh, el faro de aleatoriedad pública de la League of Entropy. Sin clave, solo lectura.
  • api.open-meteo.com, para la temperatura en vivo de Oslo y Bali en el pie de página y en la sala Tre. Sin clave, solo lectura.
  • Nada más. Sin analítica, sin píxel de seguimiento, sin red publicitaria, sin banner de cookies, porque no hay ninguna cookie que gestionar. Verificado buscando en todo el árbol del código fuente los nombres habituales antes de escribir esta frase, no supuesto.

Cómo se renderiza

Cada página del Estate y cada sala se prerrenderiza a HTML estático real, por ruta y por idioma, antes de que un rastreador o una conexión lenta ejecute siquiera una línea de JavaScript. La capa interactiva arranca después debajo, sin cambios, para un visitante cuyo navegador pueda ejecutarla.

Cuánto pesa cada sala

JavaScript comprimido con Gzip, el fragmento de código propio de cada sala tras la división de código. Un visitante paga la envoltura del Estate una vez, y después solo las salas que realmente abre, según la regla de división de código de CONSTELLATION-SCAFFOLD.

Estate shell (every page pays this once)108.99 kB
Heartbeat2.42 kB
Tre3.06 kB
Gravity4.39 kB
Appendix3.23 kB
Sketch3.82 kB
Verifier5.94 kB
War Room5.74 kB
Brain232.68 kB

three.js/R3F, by far the heaviest room. Only paid by a visitor who actually opens /brain, never by anyone else.

Medido en la última compilación que tocó una sala, no obtenido en vivo.

Cuánto cuesta

Ahora mismo, nada, porque todavía no está en producción. Este es un repositorio de staging (buge4/bjornvhauge-com), no un dominio. Cuando salga en vivo, la proyección honesta es de 0 $ de coste operativo habitual: archivos estáticos en una CDN, sin proceso de servidor, sin base de datos, sin ninguna clave de API de pago en ningún punto de la pila anterior. Si eso cambia, esta sala cambia con ello, no al revés.