Technical audit: SEO, performance optimizations, privacy & recruiter mode

[Copilot]

Addresses critical findings from the technical audit affecting mobile/low-end performance, SEO indexation, and form privacy.

SEO

• sitemap.xml: Created static sitemap at root and public/ — resolves the 404 declared in robots.txt

Performance

• Canvas Matrix Rain: Capped devicePixelRatio scaling at 1.5 (was 2) to reduce GPU cost on high-DPI screens
• Lenis Smooth Scroll: Extended disable condition to all touch devices, not just mobile:

  const isTouchDevice = performanceManager.hardware.isMobile || ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);

• Audio Visualizer: Added silence detection to skip canvas rendering when no audio data is present:

  if (!this.dataArray.some(v => v > 0)) return;

Privacy & Anti-spam

• Added honeypot field (_gotcha, off-screen + aria-hidden) to contact form
• Added client-side rate limiting (SUBMIT_COOLDOWN_MS = 30000) between submissions
• Added bilingual Formspree privacy notice with link to their privacy policy

Recruiter Mode

• Added [ SKIP_INTRO ] button that calls endIntro() directly, bypassing the warp animation for quick portfolio access

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Auditoría Técnica: Optimizaciones Críticas, SEO y Privacidad</issue_title>
<issue_description>## 📋 Resumen de la Auditoría de Rendimiento y SEO

Se han identificado puntos críticos que afectan la experiencia del usuario, especialmente en dispositivos móviles y hardware de bajo rendimiento, además de omisiones técnicas en SEO y privacidad.

🚀 Hallazgos de Cuello de Botella (Móvil/Low-End)

Se destacan 3 puntos "críticos" que deben ser atendidos para estabilizar los FPS:

1. Canvas "Matrix Rain": La resolución en pantallas high-DPI puede elevar drásticamente el costo de GPU. Se recomienda limitar el escalado.
2. Lenis (Smooth Scroll): En móviles puede resultar antinatural y consumir CPU innecesaria. Se recomienda deshabilitarlo condicionalmente para touch devices.
3. Loop del Visualizador de Audio: Consume recursos incluso cuando no es visible o no hay audio activo. Se recomienda implementar IntersectionObserver para pausar el ciclo de renderizado.
   • Adicional: Se detectó una inicialización en cascada que genera "Long Tasks" bloqueando el hilo principal.

🔍 SEO & Descubrimiento

• robots.txt: Declara un Sitemap que no existe en el repositorio (Error 404).
• Acción: Generar un archivo sitemap.xml estático para mejorar la indexación.

🔒 Privacidad y Seguridad (Formulario)

El formulario utiliza Formspree. Se recomiendan medidas mínimas de transparencia y seguridad:

• Aviso: Añadir nota legal: "Al enviar, tus datos se procesan vía Formspree" con link a su política.
• Anti-spam: Implementar un campo honeypot y validar rate-limits.

---

📅 Prioridades Sugeridas

1. Sitemap: Corrección inmediata (Quick win).
2. "Recruiter Mode": Implementar un salto de intro para mejorar la conversión de perfiles profesionales.
3. Optimizaciones Críticas: Resolver los 3 puntos de la auditoría (Canvas, Lenis, Visualizer).
4. Privacidad/Anti-spam: Ajustes finales en el formulario de contacto.</issue_description>

<agent_instructions>Trabaja en esta tarea.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes Auditoría Técnica: Optimizaciones Críticas, SEO y Privacidad #39

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.