inflearn logo
강의

Course

Instructor

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

A) Performance Panel Guide

최적화 확인 과정

341

dngwoodo6584

87 asked

2

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

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

react devtools

Answer 2

2

hackurity01

안녕하세요 dongwoo kim님,

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

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

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

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

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

1

dngwoodo6584

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

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

0

108

2

Cannot find module serve 에러

1

104

1

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

0

204

2

이미지 CDN 만드는 방법

0

459

1

Performance FPS 탭이 안보여요.

1

797

1

CPU throttling이 뭔가요?

0

1119

1

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

1

1070

1

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

1

582

1

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

1

426

1

vue project에서 chrome performance tab 확인하기

1

457

1

node version으로 인한 오류

4

1231

1

강의 자막

1

955

2

번들파일과 병목현상 질문

2

396

1

webpack-bundle-analyzer 질문

1

786

1

이미지 프리로딩 질문

1

385

1

이미지 최적화 활용

1

581

1

강력 새로고침

1

323

1

Suspense 관련해서 질문드립니다

2

360

1

config-overrides cant resolve path

1

362

1

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

1

611

1

custom react 환경에서 node_modules chunk 분리

1

380

1

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

1

282

1

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

2

365

2

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

2

951

1