Creo que en el propio reporte de Lighthouse te salen posibles mejoras que puedes implementar. Otra cosa que tienes que tener en cuenta es que el score realmente significa lo que te queda por mejorar. Puede haber una página con 100 de score que vaya más lenta que otra con 20 de score.
Cosas básicas:
- Comprimir imágenes, usar extensión .webp y sobre todo servir imágenes más pequeñas para móviles (me suena que hay una librería llamada react-responsive que te puede ayudar)
- Comprimir los assets (.css, .js y .html). Fijo que React ya lo hace al ejecutar el build pero revísalo.
- Optimizar la carga de fuentes (https://web.dev/optimize-webfont-loading/)
- Mobile First en el CSS. Es decir, por defecto escribes CSS para pantallas pequeñas y con media queries de las de min-width sobreescribes lo que necesites para pantallas grandes (así cargan menos estilos en pantallas pequeñas).
- Evitar al máximo el usar librerías CSS, librerías JS y demás.
Sobre todo eso, centrarse en webperformance para dispositivos móviles porque es donde tiene más importancia.
Te dejo un artículo más en detalle: https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/