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

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

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

두줄요약

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

핵심 내용

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

적용해볼 점

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

다음 읽기

#React 주제를 이어서 읽기

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

웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능을 측정하며 개선 문화를 만들었습니다. 또한 측정 결과의 변동성을 줄이기 위한 모니터링 방식도 함께 고민했습니다.

비브로스
비브로스
프론트엔드

댓글 0개

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

댓글을 불러오는 중...