웹 성능 최적화

나만 보는 기록용

프론트엔드 성능 최적화

웹 성능 최적화가 필요한 이유

• 페이지 로딩 성능이 좋아지면 사용자가 페이지를 떠날 확률이 낮아지기 위해 = 수익 증대를 위해

웹 성능 최적화 방법은 로딩성능을 최적화 하거나 렌더링 성능을 최적화하는 것이다.

다운로드 하는 데이터의 양을 줄여서 로딩성능을 최적화 하는 방법

1. 이미지 사이즈 최적화
2. Code Split
3. 텍스트 압축

렌더링 성능 최적화

1. Bottleneck 코드 최적화

웹 페이지를 로드할 때 resource들을 다운받는다.
ex) html, js, css 같은 text로 이루어진 resource
이런 파일들의 사이즈가 클 수록 로딩속도가 오래걸린다.

텍스트 압축 방법으로 파일의 크기를 줄여보자

압축 알고리즘의 두 가지 방식

1.GZIP
2.Deflate