pile·
프론트엔드·oliveyoung올리브영 테크블로그·

B2B 물류 스쿼드 백오피스 프론트엔드 성능 개선

문제SPA가 전체 번들을 한 번에 로드해 초기 구동 속도가 느렸고, 라이브러리 증가로 성능이 계속 나빠졌다.
접근Webpack 코드 스플리팅, CSS 최적화, 폰트 woff2 변환, Nginx gzip·캐싱, axios-cache-interceptor 기반 API 캐싱을 함께 적용했다.
결과초기 로딩이 1.6~2.5초에서 0.7초로 줄었고 캐싱으로 추가 0.2초까지 단축됐으며, NotoSans 폰트는 3.8MB에서 72B로 압축됐다.
oliveyoung
올리브영 테크블로그 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2