웹 성능 튜닝 룸

이 페이지는 실제 랩 공간을 오프라인에서 재현하기 위한 개념도 모음입니다. 장비 목록이나 예약은 포함하지 않습니다.

성능 지표 읽기

퍼센타일 곡선과 배포 빈도를 같은 축에 두지 않는 실수를 피합니다. 랩 벽면에는 필드 로그 샘플과 Lighthouse 스냅샷을 나란히 붙입니다.

번들 축소 전략

중복 의존성 표를 벽에 고정하고 PR마다 스티커로 상태를 바꿉니다. 스티커 색은 의미가 없습니다. 그저 상태가 바뀌는 것이 보이면 됩니다.

  1. 엔트리에서 내려오는 체인을 먼저 읽는다
  2. 디자인 시스템 패키지를 별도 색으로 표시한다
  3. 서드파티 스크립트는 점선으로 구분한다

렌더링 병목 분석

메인 스레드 타임라인을 인쇄해 바닥에 펼쳐 두고, 긴 작업을 가위로 잘라 길이를 비교합니다. 비유가 아니라 실제로 가위를 씁니다. 디지털 복사본은 프로젝터로 겹쳐 봅니다.

이 방식은 회사에서 그대로 재현하기 어려울 수 있습니다. 룸 페이지는 개념 소개이며, 실무 적용은 코스에서 문서화된 절차를 사용합니다.