프로그램 / LCP 개선 워크숍
LCP 개선 워크숍
히어로 자원, 폰트, 서버 응답을 한 줄의 타임라인으로 묶어 LCP를 끌어올리는 집중 세션입니다.
- 시간
- 2일 · 오프라인
- 형식
- 워크숍
- 가격
- KRW 890,000
- 난이도
- 중급
프로그램 소개
크리티컬 패스를 시각화하고, 이미지·비디오·텍스트 블록 각각의 기여도를 분리합니다. 실제 커머스 PDP 사례를 변형해 팀별로 다른 제약을 적용합니다.
포함 내용
- 리소스 힌트와 폰트 로딩 전략 매트릭스
- 이미지 CDN 규칙과 breakpoints 협업
- SSR/CSR 혼합 페이지에서의 LCP 측정 주의점
- 실험 설계와 롤백 플랜 작성
기대할 수 있는 변화
- LCP 구성 요소를 분해해 이슈 티켓으로 전환합니다.
- 디자인·백엔드와 협업할 근거 자료를 만듭니다.
- 배포 후 회귀를 감시하는 경량 대시보드를 만듭니다.
담당 코치
김도윤
실서비스 트래픽 패턴을 기준으로 성능 병목을 분해하고, 측정 가능한 개선안으로 정리합니다.
FAQ
디자이너도 참여해도 되나요?
히어로 구조 논의에 도움이 되므로 초대를 권장합니다. 코딩 실습은 개발자 중심입니다.
노트북 사양이 필요한가요?
Chrome 최신 버전과 관리자 권한 없이도 프로파일링 가능한 수준이면 충분합니다.
해외 CDN을 쓰지 않는데 의미가 있나요?
자체 호스팅 환경에 맞춘 대체 시나리오를 함께 구성합니다.
후기
-
히어로 이미지 규격을 데이터로 설명하니 디자인 합의가 빨랐습니다.