next.js dynamic 적용 시 플로우에 대해 질문이 있습니다.

Question

안녕하세요, seo를 위해서 페이지를 최적화 하고자 코드 스플릿을 적용하려고 합니다.
dynamic을 ssr 옵션 false로 적용하면 클라이언트에서 최초 페이지 다운로드 후, 해당 dynamic 컴포넌트를 렌더해야될 때 다시 네트워크 통신을 통해서 파일을 받아온다고 이해했습니다.
그렇다면, seo에 관련된 내용은 dynamic import하면 봇이 크롤할때 못 볼 수도 있다라고 이해하면 될까요?
(가급적이면 seo에 중요한 내용은 dynamic import 하지 않는다 - 로 이해하면 되는건가요?)

손정현 · Answer

안녕하세요, 질문자님이 이해하신게 맞는 것 같습니다. 크롬 dev 툴로 실험해보시면 dynamic 컴포넌트들은 필요할때 네트워크 요청을 보내고 있어요.

SEO에 영향이 가는가요?

이거는 페이지 로드 속도와 언제 dynamic 컴포넌트를 불러오느냐에 따라 달라질 것 같습니다. 구글 봇 기준으로 말씀드리면 html, css, js를 받은 후 시간이 남는다면 실행 시킬 수 있는 js를 실행시키기 때문에, 이때 dynamic 컴포넌트가 불러와지면 같이 수집이 될 것 같아요.

하지만, dynamic 컴포넌트는 주로 유저 상호작용, 회원/비회원 등 특정 조건에 따라 보여지는 컴포넌트들을 과도하게 불러오는 것을 방지하기 위해 사용하는거라고 알고 있습니다. 바꿔말하면, 처음에 아무 조건없이 보여지는 컴포넌트들은 dynamic으로 감쌀 필요가 없을 것 같아요 😊