이 글은 누구를 위한 것인가
웹 성능 지표(LCP·INP)가 낮다는 피드백을 받은 프론트엔드·마케터를 위한 글입니다. 숫자는 사용자 환경에서 나온다는 전제를 먼저 둡니다.
필드 우선
실제 사용자의 p75가 기준입니다. 랩에서만 빠르면 소용없습니다.
LCP
히어로 이미지·폰트·SSR 지연이 흔한 원인입니다. fetchpriority, 크기, 포맷을 의심합니다.
INP
긴 작업·과도한 리렌더·서드파티 스크립트를 봅니다. 프로파일러로 메인 스레드를 쪼갭니다.
맺으며
성능 예산을 릴리스 게이트에 넣으면 퇴보가 줄어듭니다.