FE 성능개선기 2부: 카카오 비즈니스폼
FE 성능 개선카카오 비즈니스폼웹 성능FCP번들 사이즈 최적화webpack-bundle-analyzer
AI 요약
Beta이 글은 카카오 비즈니스폼 프로젝트에서 FE 성능을 개선한 경험을 공유합니다. 주문하기 서비스에 이어 비즈니스폼 서비스의 파트너 플랫폼 성능 개선 과정을 다룹니다.
비즈니스폼은 파트너사가 설문을 설계하고 사용자가 참여하는 서비스입니다. 성능 개선의 주요 목표는 사용자 경험 향상이며, FE 개발 도구인 파루스(Pharus)를 활용하여 성능 항목 90점 이상 달성을 목표로 했습니다.
개선 포인트로는 FCP(First Contentful Paint) 최적화를 위한 번들 사이즈 최적화가 있으며, 이를 위해 webpack-bundle-analyzer를 사용했습니다. 이 글은 개선 과정과 느낀 점을 상세히 설명하여 FE 개발자들에게 유용한 정보를 제공합니다.
이 글이 궁금하신가요?
원문 블로그에서 전체 내용을 확인해 보세요
원문 읽으러 가기