Emmanuel Contreras Logo

La Arquitectura Detrás del 100/100: Cómo Reconstruí Mi Propia Casa Digital

Publicado el 25 de Octubre, 2023 por Emmanuel Contreras

Imagen principal del blog post

Un "Arquitecto Digital" se distingue por construir proyectos sobre cimientos sólidos y funcionales. Mi sitio web, emmanuel-contreras.com, es la prueba viviente de esta filosofía. No es solo un escaparate de servicios, sino un caso de estudio en sí mismo, diseñado para demostrar que la velocidad, la escalabilidad y una experiencia de usuario impecable pueden coexistir.

En una era donde muchos sitios web están saturados con código innecesario, el verdadero reto no es solo crear algo que se vea bien, sino algo que funcione a la perfección y se pueda gestionar con facilidad. Mi objetivo era claro: reconstruir mi sitio para que, además de ser extremadamente rápido, me permitiera administrar todo mi contenido de forma autónoma.

La Estrategia: Evolución de Estático a una Arquitectura de Alto Rendimiento

Mi sitio web original era una estructura estática, construida en HTML puro. Si bien cumplía su función inicial, sabía que para realmente representar mis servicios, necesitaba una solución que fuera no solo rápida, sino también dinámica y fácil de mantener. El siguiente paso fue una reconstrucción completa para lograrlo.

Para alcanzar el objetivo de un rendimiento perfecto en un sitio funcional y dinámico, mi enfoque fue una combinación estratégica de tecnologías modernas:

  • Astro como core del Frontend: Para la interfaz, elegí Astro, un framework centrado en la velocidad. Su innovadora "Arquitectura de Islas" permite que las páginas carguen con un mínimo de JavaScript, lo que optimiza el SEO y la experiencia del usuario.
  • Backend con Firebase: Detrás de su interfaz, el sitio no es estático. Todo el contenido dinámico, como las entradas de blog, los casos de éxito, las reseñas y las imágenes, se carga desde una base de datos. Para gestionar este contenido, utilicé Firebase, una plataforma de Google, junto con un panel de administración personalizado.

Para demostrar la funcionalidad de mi arquitectura, aquí puedes ver una captura del panel de administración que creé para gestionar el contenido.

Captura de pantalla del panel de administración del sitio

Los Resultados: La Prueba de la Arquitectura

Para validar el resultado de esta estrategia, utilicé Google PageSpeed Insights, la herramienta más confiable para medir el rendimiento de un sitio web.

Captura de pantalla de Google PageSpeed Insights para escritorio Captura de pantalla de Google PageSpeed Insights para móvil

El sitio web de escritorio y móvil alcanzaron una puntuación de **100/100**. Estos puntajes son el resultado directo de la transformación: la combinación de la arquitectura de islas de Astro y un backend dinámico demuestra que es posible tener un sitio completamente funcional y editable sin sacrificar un rendimiento excepcional.

Construyamos Tu Éxito Digital

Tu negocio merece una arquitectura digital tan sólida y funcional como la que construí para mí.

Contáctame Aquí