inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1

A) Performance 패널 가이드

최적화 확인 과정

344

열씨미살자!

작성한 질문수 87

2

안녕하세요. 너무 좋은 강의라 하루만에 완강한 것 같습니다. 한가지 궁금한점이 빌드 했을 때와 개발 서버에서 light house로 체크할 때의 차이점이 웹팩으로 인해 번들링 될 때 압축하는 과정에서 벌어지는 일들(공백없애기 등)때문에 차이가 난다고 하셨는데요.

그렇다면 실무에서도 웹팩으로 빌드를 시킨다음 라이브서버 익스텐션이라던지 lite-server와 같은 가볍게 띄울 수 있는 서버를 로컬에서 띄워서 최적화 부분을 테스트 해보면 되나요?

react devtools

답변 2

2

유동균

안녕하세요 dongwoo kim님,

서비스 성능 분석 환경에 대해서 질문의 주셨는데요,

이해하신 내용이 정확히 맞습니다! ㅎ

조금 첨언하자면, 
가볍게 띄우는 서버에서 gzip을 제대로 지원하고 있는지도 확인해보시면 좋습니다.

열정적으로 학습하는 모습 정말 보기 좋습니다! :)

답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. 

1

열씨미살자!

빠른 답변 정말 감사합니다!

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

0

108

2

Cannot find module serve 에러

1

107

1

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

0

207

2

이미지 CDN 만드는 방법

0

459

1

Performance FPS 탭이 안보여요.

1

800

1

CPU throttling이 뭔가요?

0

1121

1

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

1

1071

1

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

1

587

1

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

1

427

1

vue project에서 chrome performance tab 확인하기

1

459

1

node version으로 인한 오류

4

1234

1

강의 자막

1

957

2

번들파일과 병목현상 질문

2

398

1

webpack-bundle-analyzer 질문

1

786

1

이미지 프리로딩 질문

1

386

1

이미지 최적화 활용

1

582

1

강력 새로고침

1

324

1

Suspense 관련해서 질문드립니다

2

360

1

config-overrides cant resolve path

1

365

1

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

1

611

1

custom react 환경에서 node_modules chunk 분리

1

384

1

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

1

286

1

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

2

373

2

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

2

955

1