목록 보기
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
프론트엔드

비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.

비브로스
비브로스
2022년 12월 28일

두줄요약

웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능 관리를 문화로 도입한 과정을 소개했습니다. 이미지 로딩, 코드 분할, 스크립트 전략으로 개선하고 측정 변동성까지 다뤘습니다.

핵심 내용

  • 웹 프론트엔드 팀이 웹뷰 전환 프로젝트를 계기로 성능 측정을 개발 문화로 도입한 배경
  • Lighthouse와 Web Vitals로 FCP, LCP, TBT, CLS 등 주요 지표를 확인하며 개선 포인트를 찾는 흐름
  • 이미지 로딩 시점 조정, 코드 스플리팅, 외부 스크립트 로딩 전략으로 성능을 개선한 사례
  • 성능 측정 결과의 가변성을 인지하고 측정 횟수 확대, 랩 환경 활용, 비결정성 로직 분리로 안정화하려는 시도

적용해볼 점

  • 배포 시점마다 성능 측정을 자동화해 추이를 누적하는 방식
  • Lighthouse 결과만 보지 말고 실제 원인과 로딩 시점을 함께 점검하는 접근
  • 성능 관리와 개발 작업의 균형을 팀 문화로 정착시키는 시도

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...