react.lazy 사용해서 코드 스플리팅할 대상 정하는 기준이 있나요?

안녕하세요! 정답은 없지만 저 같은 경우는 SEO 관점에서 작업할때 많이 고려했던 기능이어서 "최초 페이지 로드할때 필요한가?" 가 기준이 되었습니다. 예를 들면, 사용자가 상호작용 (클릭/ 스크롤/ 호버 등) 해서 뜨는 모달 같은 컴포넌트가 있다면 다 lazy 로딩 하도록 하는 편입니다. 사용자가 상호작용하기 전까지 필요없으니까요. 꼭 사용자 상호작용이 기준이 될 필요는 없고 최초 로드하고 화면에서 안보여지는 컴포넌트라면 lazy 로딩할수도 있을 것 같아요. 예시는 컴포넌트 단위로 들었지만, 프로젝트 전체 관점에서도 고민해보면 좋을 것 같아요. 참고해보시면 좋을 것 같은 링크들 첨부할게요 :) - https://web.dev/i18n/ko/code-splitting-suspense/ - https://mycodings.fly.dev/blog/2022-08-29-react-lazy-react-suspense-guide - https://doqtqu.tistory.com/349