프론트엔드 성능 최적화 가이드
·
Frontend/Performance
성능 최적화페이지 표시 시간에 따라 사용자가 이탈할 확률이 높아진다.즉, 성능 최적화가 높은 수준의 UX, 가입률, 낮은 이탈률을 가능하게 한다.렌더링 성능Front가 Back으로부터 가져온 자원을 얼마나 효율적으로 보여줄 수 있는지에 대한 성능이다.프로젝트마다 다르므로 여러 성능 측정 도구를 사용해서 때에 맞게 튜링한다.로딩 성능Back이 자원들을 Front에 얼마나 효율적으로 전달하는가에 대한 성능이다.효율적으로 자원을 전달하기 위해서는,다운로드 대상의 수와 용량을 낮춘다지연 로딩을 사용한다. ( 필요할 때 다운로드를 하며 코드를 분할 해 필요한 시점에 필요한 자원만 로딩되도록 한다. )자원에 우선순위를 부여해 우선적으로 로딩돼야 할 자원을 먼저 다운로드하게 한다.LightHouseModeNaviga..