Hacker News Front Page · Matthew Wong ·
React.lazy, Suspense and the Hidden 300 ms Startup Delay • Tab Widgets
En una extensión de navegador, los widgets cargaban su código en unos 100 ms, pero React los mantenía ocultos hasta cerca de los 380 ms: cada componente `lazy` suspendía en su primer render y el retraso de revelado de Suspense añadía una espera de 300 ms. El equipo evitó esa espera al mostrar el placeholder como contenido normal mientras cargaba el widget y actualizar la vista cuando el código estaba listo; en cuatro pruebas de escritorio, el primer contenido apareció 242 ms antes y el 85 % del contenido, 204 ms antes. Reducir el bundle no mejoró los tiempos de aparición, y los widgets que también suspenden al cargar datos todavía pueden sufrir el retraso.
Every new tab is a cold start. We set out to shrink our bundle, found that bytes weren't the problem, and traced the real delay to how React reveals lazy-loaded and suspended content.