inflearn logo
강의

Course

Instructor

Real-world web performance optimization for frontend developers (feat. React) - Part. 1

vue project에서 chrome performance tab 확인하기

Resolved

460

comento0804

1 asked

1

제공해주신 예제 파일에서는 performance tab으로 돌려보면 어떤 컴포넌트의, 어떤 메서드인지 알 수 있는데 vue app을 실행시키고 똑같이 돌려보면 "컴파일 코드" 라고만 되어 있어서 이게 어떤 메서드인지 알 수가 없습니다. 이런 경우에는 어떻게 식별할 수 있을까요? 혹은 어떤 설정을 바꾸면 될까요?

devtools react

Answer 1

0

hackurity01

안녕하세요, 코멘토 님

방금 Vue에서 테스트를 해봤는데요.
아마 Disable JavaScript samples 옵션을 주고 검사하신게 아닌가 싶습니다.

image

저 첫번째 옵션 체크박스(Disable JavaScript samples)를 해제하고 다시 검사해보시면 잘 나오는 것 같습니다.

 

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)

 

0

comento0804

네 확인했습니다 빠르게 답변해주셔서 감사합니다 ☺️

bundle analyzer 에 대한 질문이 있습니다.

0

109

2

Cannot find module serve 에러

1

109

1

성능 탭에서 소요시간이 안보입니다

0

209

2

이미지 CDN 만드는 방법

0

461

1

Performance FPS 탭이 안보여요.

1

802

1

CPU throttling이 뭔가요?

0

1121

1

default export가 아닌 named export일 때 lazy사용법

1

1073

1

lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다

1

588

1

network 캐싱에 대해서 질문 있습니다!

1

428

1

node version으로 인한 오류

4

1234

1

강의 자막

1

957

2

번들파일과 병목현상 질문

2

398

1

webpack-bundle-analyzer 질문

1

787

1

이미지 프리로딩 질문

1

386

1

이미지 최적화 활용

1

582

1

강력 새로고침

1

324

1

Suspense 관련해서 질문드립니다

2

362

1

config-overrides cant resolve path

1

367

1

이미지 preload 컴포넌트 preload 차이 질문드립니다.

1

612

1

custom react 환경에서 node_modules chunk 분리

1

384

1

removeSpeical 함수를 줄여야겠다고 하는 이유!

1

287

1

Factory pattern에 대해서 궁금한 점이 있습니다

2

375

2

텍스트 압축 방식에 대해 질문이 있습니다

2

955

1

최적화에 대해서 질문있습니다~~

1

347

1