Tengo una pregunta específica de javascript/rendimiento. Mi sitio web tiene el "contenido de la mitad superior de la página" que se sirve en el lado del servidor.

Después de optimizar durante mucho tiempo, me pregunto si debería cargar de forma diferida el paquete react y react-dom para optimizar el tiempo de carga. Pero, ¿cómo podría lograr esto?

La mejor manera que podría imaginar es cargar ambos con la import , pero esa no es la solución "perfecta". Mis script defer también son diferidos.

El problema para mi es. ¿Qué pasa si el usuario/navegador no se desplaza lo suficiente, no necesita cargar las cosas de reacción? (Ya tengo las únicas aplicaciones cargadas con React.lazy y React.Suspense .

Estoy usando webpack como paquete y en la aplicación principal tengo algo como:

 import 'react-apps'; // Inside there will be react and react-dom imported

PD: aquí estamos hablando de ahorrar 120 kb de una carga de 480 kb. ¿Es tal vez demasiado optimizado?