← 질문 목록
#123깊이 0
체감 성능은 어떤 세 지표로 판단하는가?
LCP로 주요 콘텐츠 표시 속도를 판단한다. INP로 상호작용 반응성을 본다. CLS로 시각적 안정성을 확인한다. 세 지표는 서로 다른 불편을 드러낸다.
| 기준 | 지표 | 판단 대상 |
|---|---|---|
| 표시 | LCP | 주요 콘텐츠 속도 |
| 반응 | INP | 상호작용 지연 |
| 안정 | CLS | 레이아웃 이동 |
좋음 기준은 LCP 2.5초 이하, INP 200밀리초 이하, CLS 0.1 이하다. 페이지 방문의 75번째 백분위에서 모바일과 데스크톱을 나눠 본다.
현장 데이터는 실제 기기와 네트워크의 경험을 보여준다. 실험실 데이터는 재현과 원인 분석에 유리하다. 개선 전후에는 둘을 함께 본다.
추천 꼬리질문
관련 질문
- 화면 밖 이미지는 언제 불러와야 하는가?프론트엔드화면 밖 이미지의 지연 로딩(Lazy Loading)은 LCP와 같은 사용자 체감 성능 지표를 개선하는 구체적인 방법이다.
- 렌더링 방식은 어떤 요구로 결정하는가?프론트엔드렌더링 방식의 결정은 사용자가 느끼는 체감 성능 지표(FCP, LCP 등)를 최적화하려는 요구사항과 밀접하게 연결된다.
- 브라우저가 화면을 그리기까지 무슨 일이 일어나는가?프론트엔드브라우저의 렌더링 과정(Critical Rendering Path)을 이해해야 LCP, FID, CLS와 같은 체감 성능 지표가 어떤 시점에 측정되는지 이해할 수 있다.
- 프론트엔드 성능 최적화 시 번들 크기를 무엇으로 판단하는가?프론트엔드
- 조건문 하나가 성능을 좌우하는 경우가 있는가?운영체제