Discord 20, LCP 1.2s 달성으로 MS Teams 대비 로딩 속도 30% 개선

Context

웹 기반 협업 툴의 초기 로딩 성능은 사용자 경험과 직결되는 핵심 지표임. MS Teams 5는 대규모 번들 사이즈와 동기식 스크립트 로딩으로 인해 하위 사양 하드웨어에서 LCP 지연 및 높은 성능 변동성을 보이는 한계점이 존재함.

Technical Solution

• 초기 로드 번들 크기를 1.2MB로 최적화하여 Teams 5 대비 Payload Size 40% 절감
• Critical CSS 우선 로드 및 비핵심 스크립트의 Deferred Loading 처리를 통한 렌더링 차단 최소화
• Chrome 130 Priority Hints API 도입을 통한 핵심 UI 에셋의 전송 우선순위 최적화
• 하드웨어 성능에 관계없이 일관된 LCP를 유지하는 리소스 최적화 전략 적용
• 분석 스크립트 등 서드파티 리소스의 비동기 처리로 메인 스레드 점유 시간 단축

Impact

• 전 하드웨어 티어에서 평균 LCP 1.2s 달성 (MS Teams 5의 1.71s 대비 30% 개선)
• 저사양 기기 기준 2.5s 초과 로딩 발생률을 15%에서 2%로 대폭 감소
• 하이엔드 기기 LCP 1.0s 달성으로 최상의 반응성 확보

Key Takeaway

단순한 하드웨어 가속보다 Bundle Size 최적화와 Browser API(Priority Hints)를 활용한 리소스 로딩 우선순위 제어가 초기 렌더링 성능 최적화의 핵심임.