[리액트] SPA의 단점

SPA의 단점은 앱의 규모가 커지면 자바스크립트 파일 사이즈가 너무 커진다는 것입니다.
유저가 실제 방문하지 않을 수도 있는 페이지에 관련된 렌더링 관련 스크립트도 불러오기 때문이죠. 하지만 걱정하지마세요. 코드 스플릿팅을 사용하면 라우트 별로 파일들을 나눠서 트래픽과 로딩속도를 개선할 수 있습니다.

리액트라우터같이 브라우저측에서 자바스크립트를 사용하여 라우트를 관리하는 것의 잠재적인 단점은 자바스크립트를 실행하지 않는 일반 크롤러에선 페이지의 정보를 제대로 받아가지 못한다는 점입니다. 때문에 구글 네이버 다음 등 검색 엔진에서 페이지가 검색결과에서 잘 안나타날 수 있습니다. 추가적으로 자바스크립트가 실행될때까지 페이지가 비어있기때문에 자바스크립트 파일이 아직 캐싱되지 않은 사용자는 아주 짧은 시간동안 흰 페이지가 나타날수도 있다는 단점도 있습니다. 이는, 서버사이드 렌더링을 통하여 해결 할 수 있습니다.