React retenía los widgets 300 ms aunque el código ya estuviera cargado

React.lazy, Suspense and the Hidden 300 ms Delay

React retenía los widgets 300 ms aunque el código ya estuviera cargado

En Tab Widgets, una extensión de nueva pestaña, los widgets tardaban unos 380 ms en aparecer aunque su código se cargaba en 100 ms. La causa: React.lazy siempre suspende en el primer render y Suspense retrasa 300 ms la revelación del contenido suspendido. Reducir el bundle no ayudó. La solución fue evitar la suspensión: renderizar el placeholder como contenido normal y actualizar el estado cuando el código estuviera listo, adelantando la aparición de los widgets unos 240 ms.

Reducir el bundle no iba a ayudar. Algo estaba esperando deliberadamente.

Más de este día

2026-10-29