Firefox의 프라이빗 모드(Linux)에서 성능 API를 사용하여 여전히 성능 향상을 재현할 수 있습니다.
http://localhost:4200/latest 테스트 결과, renderTopicListItem에 소요되는 시간이 약 290ms에서 약 190ms로 감소했습니다.
제 Discourse 테스트 인스턴스에는 많은 답변과 다양한 작성자를 가진 수많은 주제가 포함되어 있으며, 이는 프로덕션 인스턴스에서 가져온 데이터입니다. 이로 인해 렌더링해야 하는 요소가 매우 많이 생성됩니다.
아마도 이것이 우리의 벤치마크 차이일까요?
접힘 이하 콘텐츠의 사전 렌더링
Discourse는 ‘latest’ 페이지에서 30개의 주제를 사전 렌더링합니다. 그런 다음 콘텐츠가 처음 표시(FCP)됩니다. 접힘 위에는 약 12개의 주제만 표시됩니다.
주제 페이지도 마찬가지입니다. 20개의 게시물이 사전 렌더링되지만, 접힘 위에는 최대 6개의 한 줄 게시물이 표시됩니다.
이것이 FCP 최적화의 또 다른 포인트가 될 수 있습니다.