Web Performance: From Slow Pages to Lighthouse 100s
웹 성능은 사이트가 전환되는지 아니면 포기되는지를 결정하는 요소입니다. 렌더링 지연의 밀리초 단위 차이는 직접적으로 이탈률, Core Web Vitals 점수, 검색 순위에 영향을 미칩니다. 이 트랙은 Lighthouse 감사와 Core Web Vitals부터 JavaScript 실행, 서버 튜닝, 실사용자 모니터링에 이르기까지 최적화의 전체 스택을 다루며, 브라우저와 Google이 실제로 측정하는 도구를 기반으로 합니다.
What You Will Learn
Lighthouse 감사를 실행하고 해석하는 방법, 이미지, 미디어, CSS, 폰트를 최적화하여 페이로드 크기를 줄이는 방법, 그리고 중요 렌더링 경로가 어떻게 작동하는지와 어디서 간섭해야 하는지를 배웁니다. Core Web Vitals (LCP, CLS, INP)를 통해 사용자 경험을 측정하고, 성능 예산을 설정하고 시행하며, HTTP 캐싱과 네트워크 레벨 전략을 구현합니다. 레이아웃 스래싱과 장시간 작업을 피하여 더 빠른 JavaScript를 작성하고, 서버 측 응답 시간을 튜닝한 후, 합성 테스트와 함께 Real User Monitoring (RUM)으로 프로덕션 트래픽을 계측합니다.
The Learning Path
12개 코스가 A1부터 C1까지 걸쳐 있습니다. 이 트랙은 핵심 개념과 첫 번째 Lighthouse 안내로 시작한 후, 이미지 및 미디어 최적화, CSS 및 폰트 전략, B1 레벨의 Core Web Vitals을 거칩니다. B2 코스는 중요 렌더링 경로, 고급 Lighthouse 커스터마이제이션, 네트워크 캐싱, 성능 예산을 다룹니다. 마지막 C1 코스들 — JavaScript Performance Best Practices, Server-Side Performance & Backend Optimization, Real User Monitoring (RUM) & Synthetic Monitoring — 은 단일 감사로는 드러나지 않는 프로덕션 수준의 문제를 다룹니다.
How It Works
각 코스는 짧고 실습적인 레슨으로 나뉘어 있으며, 내장 편집기에서 실시간 피드백과 함께 완료하고 막히면 AI 튜터를 활용할 수 있습니다. 개념은 실제 브라우저 도구와 Lighthouse 메트릭과 연결된 연습을 통해 즉시 강화되므로, 각 세션을 메모로만 끝내는 것이 아니라 측정 가능한 결과물을 얻게 됩니다.