Experimento un problema en mi aplicación web, donde el 80 % de los fragmentos .js se cargan dos veces, de forma redundante y sin un motivo claro.

Claramente, esto aumenta el TTI y golpea mi puntuación de Lighthouse.

Estos duplicados son idénticos en Name , Path y Size . Se diferencian en Initiator y el Type ( javascript y no script ), como se ve en esta imagen:

Parece que este problema ya se informó (por ejemplo , aquí y aquí ), pero no está claro si Vercel soluciona el problema en estos informes de errores.

Al seguir esta sugerencia para deshabilitar la recuperación previa de enlaces , logré que el problema desapareciera, pero también lo hizo la recuperación previa (que aún funciona al pasar el mouse).

¿Hay algo que pueda hacer de manera diferente para beneficiarme de la captación previa Next's link prefetch sin experimentar estos fragmentos .js redundantes?

¿Se aborda esto en la versión 12 de Next.js?

Más información sobre mi configuración:

• Next.js versión 10.2.3.
• Reaccionar versión 16.12.0.
• Sirviendo estáticamente desde AWS S3 .
• Representando todo en el lado del cliente .
• Next.js realiza la división de código en fragmentos .js, y estoy usando la división de código basada en ruta predeterminada (/ páginas). No se utiliza ninguna importación dinámica en este punto.

Más info sobre el tema:

• No se reproduce cuando actualiza la página, ya que el navegador almacena en caché estos fragmentos.
• Sin reproducción en Firefox.
• Parece que también está sucediendo en la versión 11 . También 10 y 9, pero no 8 .