Front-End
2023. 4. 25.
Web Core Vital 지표를 통해 FCP, LCP, CLS 개선하기
다이닝코드는 지난 22년 6월, 기존의 php, jQuery 페이지들을 새로운 UI/UX 함께 React 페이지로 리팩터링하는 사이트 리뉴얼을 했습니다. 그 과정에서 초기 React 페이지들은 성능적인 이슈를 많이 겪어, 지표상 으로 도, 통계상 으로 도 좋지 않은 성과를 내고 있었습니다. 특히나 모바일 웹 환경에서는 클라이언트 인터렉션간 페이지가 버벅이는것이 느껴질 정도로 성능이 낮은 상태 였습니다. 성능 개선을 통해 지표를 회복하는데 큰 도움이 되었던 웹 코어 바이탈 과 개선을 하기위해 진행한 작업 중 하나인, Code Spiltting 작업 경험을 공유해볼까 합니다. 이번 포스트에서는 주로 FCP, LCP, CLS 를 개선하기위해 접근해볼수 있는 항목들을 공유 해보도록 하겠습니다. 다른 성능 개선..
