# Huella Digital y Decisiones Técnicas | Itziar ZG

arrow_back Volver al inicio

# Huella ecológica &
Decisiones técnicas

Medición del impacto ambiental de este sitio web y desglose de los compromisos pragmáticos adoptados durante su desarrollo.

weight

### Peso de la página

~245 KB

Total de datos transferidos en la primera carga completa del sitio. La media web mundial actual supera los 2.5 MB.

co2

### Emisiones estimadas

0.05 g

CO2 generado por visita, medido con la fórmula estandarizada de Sustainable Web Design. El promedio web es de 0.5g.

nest_eco_leaf

### Servidor ecológico

100%

La web está alojada en Hetzner (Helsinki), un centro de datos alimentado por energía libre de carbono (eólica e hidráulica).

## El recordatorio anti-purismo

El pragmatismo frente a la teoría absoluta

En el desarrollo de software responsable, es fácil caer en el purismo de querer reducir la transferencia a cero absoluto o rechazar cualquier recurso externo. Sin embargo, para que el código sea sostenible también debe ser mantenible y útil. Aquí documento las decisiones imperfectas pero justificadas tomadas en esta web:

### warning Tailwind CSS mediante CDN de desarrollo

El problema: El script de Tailwind en línea pesa en torno a los 100 KB transferidos y compila las clases en el navegador del usuario en tiempo real. Compilar y empaquetar CSS en producción reduciría este peso a unos 10-15 KB.

El compromiso: Elegimos mantener este sitio sin pasos de construcción (no-build setup) para garantizar que cualquiera pueda descargar el código, hacer doble clic en `index.html` y ver el sitio funcionando al instante sin instalar dependencias de Node.js. Esto prolonga la vida útil del código (impide la obsolescencia de dependencias de build) a cambio de un ligero impacto de descarga.

### warning Google Fonts externas vs. Fuentes del Sistema

El problema: Importamos Space Grotesk y Instrument Serif externamente. Esto requiere establecer una conexión con los servidores de Google y descargar los archivos tipográficos.

El compromiso: Las fuentes del sistema son la opción más limpia energéticamente. Sin embargo, para un portfolio personal, la tipografía es un pilar estético de la identidad visual. Optamos por descargar solo los pesos indispensables y compensamos el consumo eliminando por completo cualquier animación pesada de JavaScript o imágenes sin optimizar.

### warning Librería de Iconos en la Nube

El problema: Cargamos los iconos Material Symbols a través del CDN de Google en lugar de incrustar manualmente solo los SVGs que utilizamos.

El compromiso: Incrustar SVGs en línea es más óptimo, pero dificulta la legibilidad del código HTML y hace que el mantenimiento del portfolio sea más complejo para cambios rápidos. Usar el CDN proporciona una API simple y limpia para el mantenimiento cotidiano.