React.lazy가 새 탭마다 300ms를 숨겨두고 있었다
React.lazy, Suspense and the Hidden 300 ms Delay

새 탭 확장 프로그램이 매번 처음부터 시작해 대시보드가 느리게 뜨는 문제를 추적했다. 번들 크기가 아니라 React.lazy가 첫 렌더링 때 항상 suspend되고, React가 fallback 이후 300ms 동안 콘텐츠 공개를 지연시키는 동작이 원인이었다. React 내부 필드로 미리 로드하는 방식은 한계가 있었고, 결국 suspend 자체를 피하는 훅으로 바꿔 첫 위젯이 약 240ms, 대시보드 대부분이 약 200ms 빨라졌다.
React의 300ms 지연은 suspend된 콘텐츠를 공개할 때만 적용되는데, 여기서는 아무것도 suspend되지 않으므로 각 위젯은 코드가 들어오는 즉시 나타난다.