devmoa

FE 성능개선기 2부: 카카오 비즈니스폼

카카오·2023년 6월 13일·00
FE 성능 개선카카오 비즈니스폼웹 성능FCP번들 사이즈 최적화webpack-bundle-analyzer

AI 요약

Beta

이 글은 카카오 비즈니스폼 프로젝트에서 FE 성능을 개선한 경험을 공유합니다. 주문하기 서비스에 이어 비즈니스폼 서비스의 파트너 플랫폼 성능 개선 과정을 다룹니다.

비즈니스폼은 파트너사가 설문을 설계하고 사용자가 참여하는 서비스입니다. 성능 개선의 주요 목표는 사용자 경험 향상이며, FE 개발 도구인 파루스(Pharus)를 활용하여 성능 항목 90점 이상 달성을 목표로 했습니다.

개선 포인트로는 FCP(First Contentful Paint) 최적화를 위한 번들 사이즈 최적화가 있으며, 이를 위해 webpack-bundle-analyzer를 사용했습니다. 이 글은 개선 과정과 느낀 점을 상세히 설명하여 FE 개발자들에게 유용한 정보를 제공합니다.

이 글이 궁금하신가요?

원문 블로그에서 전체 내용을 확인해 보세요

원문 읽으러 가기

AI 추천 연관 게시글

이 글과 관련된 다른 기술 블로그 글을 AI가 추천합니다