Portfolio Personal — 100/100 en Lighthouse
Un portfolio personal que demuestra lo mismo que promete: performance perfecta, código limpio y diseño que no sacrifica velocidad por estética.
Performance
100
Lighthouse score
LCP
< 1.2s
en 4G simulado
CLS
0.00
sin layout shifts
Deploy
Gratis
Vercel hobby plan
El problema
Como desarrollador freelance y fundador, el portfolio es la primera impresión. Los templates genéricos de portfolio se ven iguales para todos. Los portfolios muy animados suelen tener métricas de performance terribles — lo contrario de lo que un desarrollador debería mostrar.
El objetivo era claro: el portfolio tiene que ser la demostración de las habilidades que promete. Si digo que construyo sitios rápidos y bien hechos, mi portfolio tiene que ser rápido y bien hecho.
La solución
Diseño minimalista dark mode con animaciones sutiles que no bloquean el render. Generación estática completa — no hay servidor, no hay latencia de base de datos, solo HTML/CSS/JS optimizados entregados desde el CDN de Vercel.
Animaciones sin costo de performance
Framer Motion con lazy loading — los componentes animados se cargan solo cuando el usuario llega a esa sección. Las animaciones de entrada no afectan el LCP.
Imágenes optimizadas
next/image con formatos WebP/AVIF automáticos, blur placeholder para evitar layout shifts, y sizes correctos para cada breakpoint.
Fuentes sin layout shift
Google Fonts cargadas con next/font — preloading automático y font-display: swap eliminan el FOUT y el CLS por fuentes.
Cero JavaScript innecesario
Server Components por defecto. Solo los componentes con animaciones son Client Components. El bundle de JS es mínimo.
JSON-LD para SEO personal
Schema.org Person markup para que Google entienda que es el portfolio de una persona real con habilidades y proyectos concretos.
Tecnologías utilizadas
Resultados
Lighthouse (móvil, red 4G simulada)
100
Performance
100
Accessibility
100
Best Practices
100
SEO
¿Necesitas un portfolio o sitio web de alto rendimiento?
Construimos sitios que cargan rápido, posicionan bien y convierten visitas en clientes.
Hablemos de tu proyecto