layout.tsx가 렌더링되는 시점부터 메모 아이템을 보여주는 MemoView가 렌더링되는 시점까지의 시간은 얼마일까?

아래 결과는 여러 번 측정 후 평균적인 수치입니다.

1. HydrationBoundary 제거 전: 472ms

   

2. HydrationBoundary 제거 후: 430ms

   

정말 큰 차이는 아니지만, 약 50ms 정도 줄어들었다.

그런데, 클라이언트의 네트워크 환경이 최상이 아니라면 어떨까?

• Fast 4G 기준

  • HydrationBoundary 제거 전: 165ms

    

  • HydrationBoundary 제거 후: 1200ms