Circo Studio Software · Datos · IA gobernada
Sustentabilidad Digital · Informe MMXXVI

Cómo medimos el peso de este sitio.

Toda página tiene un costo. Bytes que viajan, calor que se disipa. La sustentabilidad digital empieza admitiéndolo y se vuelve útil cuando se cuantifica. Este es el ejercicio para circostudio.io, hecho contra nosotros mismos y publicado abierto.

Procedencia · Unilike Radio · desde Nov 2024
Esta conversación empezó como una columna en Unilike Radio. Daniel Cundari y Giselle González la inauguraron con un principio que sigue vigente: usar recursos digitales de manera eficiente y responsable. Este informe es la materialización medible de aquella columna.
Escuchar episodio
01 · Por qué nos medimos

Si el principio es proporcionalidad, hay que poder verla.

En la home, la Puerta 07 plantea que la capacidad técnica elegida debe ser proporcional al valor que genera. Es fácil escribirlo. Es más útil demostrarlo en lo que está bajo nuestras manos: el sitio mismo.

Este sitio no es nuestro mayor consumo de cómputo — esa conversación pertenece a las arquitecturas cloud que diseñamos para clientes. Pero es la unidad medible más cercana, la que cualquiera puede auditar abriendo Devtools. Empezar acá es lo más honesto.

02 · Validación externa

Auditoría independiente: A+.

Antes de presentar nuestra propia medición, una verificación de tercero. El Website Carbon Calculator de Wholegrain Digital — la calculadora pública más usada del sector, basada en el modelo Sustainable Web Design — auditó circostudio.io y emitió la calificación más alta de su sistema.

Rating Website Carbon
A+
Más limpio que el 95% de los sitios medidos globalmente.
CO₂ por visita
0.05 g
Medición independiente del rendering completo.
Energía del hosting
Renovable ✓
Detectado contra el directorio público de The Green Web Foundation.
Fuente · websitecarbon.com · test del 25 Jun 2025 · Resultado público
A 10.000 visitas mensuales, esto equivale anualmente a:
  • 6.11 kg de CO₂e emitidos · 16 kWh de energía consumidos.
  • 1 árbol es lo que absorbe en un año esa misma cantidad de CO₂e.
  • 102 km es la autonomía equivalente de un auto eléctrico promedio.
03 · Cómo medimos por dentro

Modelo público, supuestos declarados.

La auditoría externa nos da el veredicto. Nuestro cálculo interno explica por qué. Usamos el mismo modelo — Sustainable Web Design v4 — aplicado al detalle de cada página, para entender qué pesa y dónde se puede mejorar. El modelo está documentado, es reproducible y no requiere instrumentar el sitio con telemetría adicional.

Modelo
Sustainable Web Design v4 (2024)
Energía / GB transferido
0.494 kWh — operacional combinado (data center + red + dispositivo)
Intensidad de red eléctrica
442 gCO₂e / kWh — promedio global IEA 2023
Mix de visitantes
75% nuevos · 25% recurrentes
Caché del recurrente
2% del peso total transferido (HTML revalidado)
Compresión
gzip nivel 9 sobre HTML; tipografías ya servidas en woff2
Hosting
Energía renovable verificada por Green Web Foundation
Validación externa
Website Carbon · A+ · 25 Jun 2025
Fecha de medición interna
Abril MMXXVI · v1.1
04 · Arquitectura del sitio

Lo que decidimos antes de optimizar.

La sustentabilidad de un sitio se decide en sus primeros commits, no en una pasada de optimización al final. Estas son las decisiones que tomamos a propósito, listadas para que se puedan discutir.

  1. Cero imágenes. Donde no son indispensables, no entran. Las imágenes son la principal fuente de peso en la web promedio (60-80% de los bytes). Acá la tipografía hace el trabajo gráfico.
  2. Cero librerías JavaScript. Sin React, sin frameworks, sin analytics third-party, sin tag managers. El JS que existe es inline y mínimo: IntersectionObserver para reveal, typewriter para el Lab, filtros donde aplica.
  3. Una sola request a Google Fonts. Las tres familias (Fraunces, Inter Tight, JetBrains Mono) se piden en un único link consolidado. Fraunces es variable: un archivo cubre todos los pesos y opsz desde 9 a 144.
  4. CSS puro para animación. Carruseles, marquees, hovers — todo CSS. El JS solo se reserva para lo que el navegador no puede expresar declarativamente.
  5. HTML semántico, sin shells. Cada página es un documento HTML que se renderiza solo. No hay hidration, no hay esperar bundles. El primer paint es el último.
  6. prefers-reduced-motion respetado. No es solo accesibilidad — animaciones costosas se apagan completamente cuando el usuario las pidió apagar. Menos pintado, menos consumo de batería.
05 · Lo que pesa cada página

Mediciones página por página.

Cada fila refleja el peso real del HTML servido (gzip nivel 9), la suma con tipografías cargadas en primera visita, y la estimación de gCO₂e por visita promedio (mix nuevo / recurrente). Las tipografías se cargan una vez por sesión y se reutilizan entre páginas.

Página HTML crudo HTML gzip + Fuentes gCO₂e / visita
index.html 28.1 KB 7.5 KB 192.5 KB 30.08 mg
index-en.html 27.3 KB 7.0 KB 192.1 KB 30.01 mg
laboratorio.html 37.3 KB 9.3 KB 194.3 KB 30.36 mg
servicios-circo-studio.html 25.0 KB 6.7 KB 191.8 KB 29.96 mg
nri-mirada-completa.html 11.4 KB 3.2 KB 188.3 KB 29.41 mg
mapas-simbiosis-digital.html 30.9 KB 8.5 KB 193.5 KB 30.24 mg
mapas-simbiosis-digital-III-IV.html 39.6 KB 10.5 KB 195.6 KB 30.55 mg
Promedio del sitio · estimación interna 192.6 KB 30.09 mg
Nota de calibración
La calculadora externa midió 50 mg por visita; nuestra estimación interna arroja ~30 mg promedio. La diferencia (~20 mg) se explica porque la auditoría externa mide el rendering completo de una visita nueva — incluyendo favicon, headers HTTP, subsets adicionales de tipografías y assets que nuestra aproximación analítica no contabiliza por separado. Ambas mediciones cuentan la misma historia y ubican al sitio en el extremo liviano del espectro web.
06 · Contra la web promedio

Una página típica de 2024 pesa ocho veces más.

La referencia estándar es el HTTP Archive, que reporta una mediana de 2.4 MB por página web en 2024. Aplicado al modelo SWD v4, eso equivale a unos 384 mg de CO₂e por visita. La medición externa nos ubica en 50 mg.

Página web promedio · 2024 HTTP Archive
384 mg
circostudio.io · verificado Website Carbon · A+
50 mg
13% del peso típico · Top 5% del web global
07 · Lo medible y lo no medible

Honestidad sobre los límites del modelo.

Toda medición tiene perímetro. Lo que sigue distingue lo que efectivamente bajo nuestro control y se refleja en los números, de lo que no podemos auditar desde el cliente.

Bajo nuestro control · verificado

  • El peso del HTML que escribimos.
  • El número y tamaño de las tipografías que pedimos.
  • La decisión de no incluir imágenes ni librerías.
  • La compresión y los headers de caché del servidor.
  • Las animaciones y su respeto a reduced-motion.
  • El hosting con energía renovable, verificado por The Green Web Foundation a través del test público de Website Carbon.
  • Las decisiones de arquitectura del sitio en su conjunto.

Fuera del modelo

  • La eficiencia del dispositivo concreto de cada visitante.
  • La intensidad de red eléctrica local del usuario (en Argentina ronda 350 gCO₂/kWh, mejor que el promedio global de 442).
  • El recorrido completo de la red entre nuestro servidor y la pantalla del visitante.
  • El consumo embodido del hardware de fabricación de servidores y dispositivos.
08 · Por dónde sigue

Decisiones posibles, no promesas.

Reducir aún más el peso del sitio es posible. Las opciones, en orden de impacto contra esfuerzo:

1. Self-hostear las tres familias tipográficas con subset latin estricto, woff2 mínimo y font-display: swap. Ahorro estimado: 30-50 KB por sesión y eliminación del dominio externo de Google Fonts.

2. Re-medir contra Website Carbon cada vez que se publique una página nueva. Adjuntar el delta al commit de release. Convertir la medición en parte del flujo de trabajo, no en un ejercicio anual.

3. Publicar este informe también en inglés, como localización editorial. La gobernanza de cómputo es una conversación global y conviene poder sostenerla en los dos idiomas.

Ninguno de los tres es cosmético. Todos son auditables.

09 · Cierre

El criterio antes que la cifra.

50 miligramos por visita es un número confortable, validado externamente, en hosting renovable. Pero no es el punto. El punto es haberlo medido, declarado los supuestos, expuesto los límites del modelo y dejado el resultado abierto a verificación. Una empresa que quiere hablar de gobernanza de cómputo a sus clientes no puede tener una página corporativa pesada de 5 MB cargada de scripts de tracking.

Lo que medimos, lo gobernamos.
Lo que no, conviene admitirlo.
Sobre este informe Medición reproducible Modelo SWD v4 · Abril MMXXVI contacto@circostudio.io
Circo Studio MMXXVI circostudio.io · Sustentabilidad v1.1 desde 2014