그알것 — 그럼에도 알아야 할 것들
홈질문커뮤니티
로그인
그알것 — 그럼에도 알아야 할 것들

Service

  • 홈
  • 소개
  • 질문
  • 커뮤니티

My

  • 내 워크스페이스
  • 저장한 질문
  • 작성한 답변

Policy

  • 이용약관
  • 개인정보처리방침
  • 문의

© 2026 그알것 · What Still Matters

질문 목록Performance
Performance

웹 애플리케이션의 성능을 최적화할 수 있는 방법들에 대해서 아는대로 설명해주세요

실무4/5
설계4/5
인간4/5
기초2/5

면접관의 질문 의도

기법 나열로 끝내는지, 측정 결과를 보고 구간별 대응을 우선순위로 정할 수 있는 사람인지를 가른다.

큐레이션 답변

학습 자료

웹 성능 최적화는 먼저 측정(실사용 RUM + 실험실 지표)으로 병목을 찾고, 전송·렌더·실행 구간을 분리해 개선한다. 전송 구간에서는 코드 스플리팅, 이미지 최적화, 압축, 캐시 정책으로 LCP를 줄이고, 렌더/실행 구간에서는 메인 스레드 긴 작업 분해, 불필요 렌더 감소, 서드파티 스크립트 통제로 INP를 개선한다. 레이아웃 이동(CLS) 방지를 위해 이미지/광고 영역 크기 고정과 폰트 로딩 전략을 함께 설계한다. 핵심은 체크리스트 나열이 아니라 "지금 지표를 가장 악화시키는 구간"부터 우선순위를 잡는 것이다.

좋은 답변 구조

  1. 01현재 핵심 지표(LCP/INP/CLS)와 목표 구간을 먼저 정한다
  2. 02전송·렌더·실행 구간별 측정 방식(RUM, Performance 탭)을 짚는다
  3. 03구간별 해결 기법(코드 스플리팅, 이미지 최적화, 메인 스레드 분해 등)을 우선순위로 제시한다
  4. 04각 기법의 비용(번들/캐시 무효화·복잡도)과 검증 지표를 트레이드오프로 정리한다

자주 실수하는 포인트

측정 없이 "트리 쉐이킹부터 켜자" 같은 기법을 먼저 들이댄다
LCP와 INP를 같은 문제로 묶어 같은 처방을 쓴다
이미지 width/height 미지정 같은 CLS 항목을 빠뜨린다
개선 결과를 "체감상 빨라졌다"로만 보고하고 지표 변화로 보여주지 못한다

실무 맥락

  • LCP 후보가 큰 히어로 이미지인 랜딩 페이지의 첫 화면 개선 작업
  • INP가 나쁜 대시보드에서 메인 스레드 긴 작업을 쪼개야 하는 상황
  • 서드파티 스크립트가 늘어나면서 점진적으로 성능이 무너지는 운영 환경

본인 경험에 녹이는 힌트

LCP 이미지 한 장을 preload·포맷 변경으로 줄여 지표가 바뀐 경험이 있다면 우선순위 잡기 이야기로 자연스럽게 이어진다

긴 동기 작업을 분해해 INP를 잡은 적이 있다면 메인 스레드 비용 측정 방식과 함께 답변 후크로 쓸 수 있다

CLS 원인이 광고 영역이었음을 RUM으로 찾아본 적이 있다면 운영 진단 경험으로 연결할 수 있다

커뮤니티 인기 답변

전체 0개

아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.

관련 꼬리 질문

Q1초기 로딩 병목과 런타임 병목은 어떻게 구분하나요
Q2캐시 정책을 잘못 설정하면 어떤 문제가 생기나요
Q3성능 개선 효과를 어떤 지표로 검증하나요
아직 답을 쓰지 않았어요.
큐레이션 답변과 다른 사람 답변을 보고, 자기 언어로 답을 정리해보면 학습 효과가 가장 큽니다.
목차
  • 01면접관의 질문 의도
  • 02큐레이션 답변
  • 03좋은 답변 구조
  • 04자주 실수하는 포인트
  • 05실무 맥락
  • 06본인 경험에 녹이는 힌트
  • 07커뮤니티 인기 답변준비중
  • 08관련 꼬리 질문