Javier Delgado Santana

Cómo está hecha esta web

Una página web personal con mis conocimientos puestos a prueba.

Tecnología

Está hecha con Astro, que convierte las páginas en HTML estático al compilar: en producción no hay Servidor Un ordenador siempre encendido que da un servicio a otros aparatos. ni base de datos, solo ficheros. El CSS es propio, y el JavaScript solo se usa para el cambio de tema, las animaciones, el glosario, las explicaciones del esquema y el botón para imprimir el CV. Sin JavaScript, la web se lee entera.

Despliegue

El código está en un Repositorio La carpeta con el código de un proyecto y el historial de sus cambios. de GitHub. Cada cambio va en su Rama Una copia paralela del código para preparar un cambio sin tocar lo publicado. y su PR Una propuesta de cambio que se revisa antes de aceptarla., y Cloudflare La empresa que gestiona mi dominio y publica esta web. publica una vista previa de cada rama para revisarla antes. Al fusionar en la rama principal, Cloudflare publica la web. Antes, la Integración continua Comprobaciones automáticas que se hacen con cada cambio antes de publicarlo. comprueba que compila sin avisos, que no hay enlaces rotos y que nada rompe la CSP Una lista de normas que la web le da al navegador sobre qué puede cargar..

Cabeceras de seguridad

Estas son las cabeceras que el servidor envía con cada página. La lista sale del mismo fichero que usa Cloudflare, así que no puede quedarse desactualizada.

Content-Security-Policy
default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self'; font-src 'self'; connect-src 'self'; manifest-src 'self'; base-uri 'none'; form-action 'none'; frame-ancestors 'none'; upgrade-insecure-requests
Strict-Transport-Security
max-age=31536000; includeSubDomains
X-Content-Type-Options
nosniff
Referrer-Policy
strict-origin-when-cross-origin
Permissions-Policy
camera=(), microphone=(), geolocation=(), payment=(), usb=()
Cross-Origin-Opener-Policy
same-origin
Cross-Origin-Resource-Policy
same-origin
X-Frame-Options
DENY

Comprobado por herramientas externas

Además de las comprobaciones de cada cambio, herramientas de fuera revisan la web publicada y le ponen nota. Estas son las últimas notas, con su fecha y el informe completo, que cualquiera puede abrir. Cada lunes, una comprobación automática vuelve a pedir la nota a Mozilla Observatory Una herramienta de Mozilla que revisa la seguridad de una web y le pone nota. y me avisa si baja de A+ o si alguna de estas notas tiene más de seis meses.

Mozilla Observatory

Revisa la seguridad de la web, sobre todo las instrucciones que envía al navegador con cada página. Parte de 100 puntos, resta lo que falta y suma las protecciones de más: con 100 o más, A+.

Resultado
A+ (140/100)
Fecha

Lighthouse

Puntúa de 0 a 100 cuatro cosas: si la página carga rápido (rendimiento), si cualquiera puede usarla (accesibilidad), si está hecha como se recomienda (buenas prácticas) y si los buscadores la entienden (SEO).

Resultado
100 en las cuatro, en móvil y en escritorio
Cómo se midió
Con PageSpeed Insights, en la portada
Fecha

Privacidad

Sin cookies, sin analítica y sin recursos de terceros: hasta las fuentes se sirven desde este Dominio El nombre de una web, como jdsantana.com. Quien lo tiene decide adónde lleva.. No hay formularios; si quieres escribirme, tienes el correo.

Cómo se ha hecho

Todo el diseño, todos los textos y toda la infraestructura han sido decisión mía. Para el código, borradores y cambios me he ayudado de la IA, y cada cambio realizado vino en un PR que revisé detenidamente antes de aceptarlo.