inflearn logo
강의

講義

知識共有

フロントエンド開発者向け、実践的なWebパフォーマンス最適化(feat. React) - Part. 1

1-4) Audits ツールによるページ監査

깃헙에서 클론한 같은 프로젝트인데도 결과가 다르게 나오는 이유가 무엇일까여

解決済みの質問

558

sumin

投稿した質問数 32

6

강사님 안녕하세여

라이트 하우스 결과가 강사님 결과와 크게 상이한데

그때그때 인터넷환경이나 사용자 PC 부하(사용량)에 따라 달라지는건지 궁금합니다.

크롬 최신브라우저입니다!

react devtools

回答 2

12

hackurity01

안녕하세요, 불멸의너구리좌님.

강의의 검사 결과와 직접 검사한 결과가 상이한 이유에 대해 질문을 주셨는데요,
말씀해주신 것 처럼 네트워크 및 CPU (또는 GPU) 등의 환경에 따라 검사 결과가 달라집니다.

왜냐하면, 크롬에 달려있는 Lighthouse 는 결국 로컬 PC에서 검사를 진행하기 때문에 PC 환경에 영향을 받을 수 밖에 없기 때문입니다.
추가적인 예를 들면, 아래와 같은 상황에서는 같은 페이지여도 다른 결과가 나올 수 있습니다.
- CPU의 작업량에 여유가 있는 상태 vs CPU가 바쁘게 돌고 있는 상태(여러 프로그램을  띄워둔 상태)
- 미국에 있는 서버 홈페이지를 한국의 사용자가 검사할 때 vs 미국의 사용자가 검사할 때
- 웹서버에 트래픽이 많은 상황에서 검사를 했을 때 vs 트래픽이 없는 상황에서 검사를 했을 때

그래서 검사 결과를 절대적인 지표로 삼기 보다는 하나의 가이드로 생각하시는게 좋습니다.
또한, 필요에 따라 한 번이 아닌 여러번 검사를 돌려보는 것도 좋은 방법입니다.

참고하실 수 있는 링크를 하나 남겨드리겠습니다.
구글에서 정리한 "Lighthouse 결과의 변동성"에 대한 글입니다.
https://developers.google.com/web/tools/lighthouse/variability

강의에 관심을 갖고 수강해주셔서 감사합니다. :)

0

sumin

빠른 답변 감사합니다! 도움이 많이 되었습니다!

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

0

108

2

Cannot find module serve 에러

1

104

1

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

0

205

2

이미지 CDN 만드는 방법

0

459

1

Performance FPS 탭이 안보여요.

1

798

1

CPU throttling이 뭔가요?

0

1119

1

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

1

1070

1

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

1

583

1

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

1

427

1

vue project에서 chrome performance tab 확인하기

1

458

1

node version으로 인한 오류

4

1231

1

강의 자막

1

956

2

번들파일과 병목현상 질문

2

396

1

webpack-bundle-analyzer 질문

1

786

1

이미지 프리로딩 질문

1

385

1

이미지 최적화 활용

1

582

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

381

1

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

1

283

1

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

2

367

2

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

2

952

1