⚡️ Web Performance Issues

[nucliweb]

Web Performance Issues

Lista de acciones para mejorar la UX mediante la Web Performance que @nucliweb está haciendo en los directos en Twitch y posteriormente disponibles en YouTube

General

• [x] Monitorizar la Web Performance con DebugBear
• [ ] Actualizar a la última versión de Next.js
• [ ] Añadir Lighthouse CI con GitHub Actions para monitorizar la Web Performance en cada Pull Request
• [ ] Definir un Performance Budget
• [ ] Optimizar la gestión de third-party para minimizar su impacto en la UX

Home

• [ ] Reducir el tamaño de la imagen hero de la home (CSS background image)
• [ ] Precargar la imagen que afecta al LCP, en Desktop, ya que en mobile el LCP es un elemento <h3>.
• [ ] Eliminar del CSS que no se está utilizando en la página actual
• [ ] Reducir el CLS

Workspaces

• [ ] Optimizar las imágenes
• [ ] Precargar la imagen que afecta al LCP, en Desktop, ya que en mobile el LCP es un elemento <p>.
• [ ] Utilizar el componente next/image
• [ ] Corregir CLS, (texto comentarios)