inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

게시판 리스트 최초 접속시 로딩시간이 너무 오래 걸립니다

해결된 질문

1415

김태진

작성한 질문수 2

0

 board 최초접속.PNG최초 접속시 10초가 넘는 로딩시간이 걸립니다.

왜 그런지 알 수 있을까요?

그 이후로는 빠르게 동작합니다.

seo node.js graphql nodejs next.js react Next.js

답변 1

0

코드캠프 프론트엔드 멘토

안녕하세요 태진님!

현재 네트워크 탭을 보니 초기에 다운 받아오는 js가 많아 데이터 요청이 뒤로 밀리는 것 같습니다.
페이지에 처음 접속하게되면, html을 받아오고 해당 문서를 읽어 내려가며 문서에 연결(사용)된 js나 css를 만나면 그때 요청을 해 js,css를 받아옵니다.
데이터 요청은 제일 마지막에 하게 되는데, 이때문에 받아오는 스크립트의 크기가 크다면 초기 로딩 속도가 저하될 수 있습니다.

감사합니다.😄

0

김태진

antd.PNGjs 찾아 들어가보니 antd에 관한 내용들이 전부 들어가있는거 같은데 제가 설치를 잘못한 걸까요??

antd는 boards page에서만 사용했는데 이부분 파일이 너무 커서 읽어오는데 느린거 같아서요 !

0

코드캠프 프론트엔드 멘토

안녕하세요 태진님!

태진님의 폴더구조가 어떻게 되어있는지 정확한 파악은 어렵지만, _app.js가 있는 pages 폴더라면 렌더링과 관련된 폴더일텐데 렌더링과 관련된 폴더에는 패키지의 코드들이 들어가 있으면 안됩니다.
설치를 하게됐을 때 해당 패키지관련 코드는 모두 노드모듈에 들어가게됩니다.
따라서 빌드시 웹팩이 알아서 번들링 해서 한번에 내보내고 antd의 JS 파일을 네트워크에서 따로 뽑아 불러오진 않을텐데, 태진님의 네트워크 탭을보면 해당 코드(boards)를 모두 다운 받아오는 것 같습니다.

수업 내용이 아니어서 저희가 태진님의 폴더 구조와 내부 코드가 어떻게 되어있는지 확인 할 수 없기 때문에 이부분을 따로 해드릴 수 있는 핸들링은 없을 것 으로 보입니다.😂
위 내용을 참고해서 해결해보시길 바랍니다!

감사합니다.😁

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

41

1

댓글 기능 구현 중 질문드립니다.

0

68

1

쿠폰코드 발급

0

147

2

example 서버 플레이그라운드, API 접속 모두 안됩니다.

0

89

2

문의드립니다!! ㅠㅠ

0

107

2

graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.

0

80

2

_app.js 작성 이후로 에러가 발생하네요

0

96

2

학습자료

0

72

2

학습자료가 안열립니다.

0

51

2

플레이 그라운드 퀴즈 문제 질문이 있습니다.

0

61

0

기존강의 구매자, 업데이트 끝인가요?

0

111

3

업데이트 버전 수강

0

89

2

완벽한 프론트엔드

0

136

2

나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.

0

84

1

graphql 접속이 안됩니다.

0

101

2

const, let 사용 질문 드립니다.

0

72

2

싸이월드 만들기 1탄 피드백 부탁드립니다.

0

124

2

회원가입 과제 피드백 부탁드립니다.

0

81

2

styled.span / styled.input "CSS 자동완성"

0

47

1

쿠폰 발급 관련

0

167

2

서버 502 error

0

248

2

쿠폰 다시 부탁드려도 될가여?

0

140

2

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

0

185

2

2분 44초 질문

0

132

3