[report] Part IV Chapter 19Page Weight - httparchive.org -

웹페이지 무게(Page Weight)는 웹페이지를 구성하는 4가지 요소 html, css, js, image 좌우합니다.

정보전달량, 시각화의 영향으로 페이지의 무게는 지속적으로 아래 그래프와 같이

매년 10%이상 증가하고 있는 추세입니다.

연도별 페이지 무게 증가량

웹페이지를 구성요소별로 좀 더 자세히 살펴보면 아래 표와 같이 PC, Mobile 모두 image가 60% 이상을
차지하고 있으며, 웹 페이지 무게 증가에 가장 큰 영향을 주는 것은 image 사용량의 증가라고 할 수 있습니다.

콘텐츠 유형별 페이지당 용량

콘텐츠 유형별 페이지당 구성 요율

콘텐츠 유형별 페이지당 구성 요율

 

콘텐츠 유통에 이미지가 가진 비중이 매우 중요하며, 가장 큰 용량을 차지함은 더 이상 설명할 필요가 없어 보입니다.

PicellUs Image Slimmer를 활용하여 선명한 이미지를 작은 용량으로, 남들 보다 빠르게 배포할 수 있습니다.

 

위 페이지 무게를 PicellUs Image Slimmer를 사용하면
총 바이트수 1,555 --> 868로 45% 가까이 PC, Mobile 웹 페이지 무게를 줄일 수 있습니다.

 

PicellUs Image Slimmer는 Server(java), Mobile(iOS, Android) 3가지 버전을 제공합니다.

PicellUs image Slimmer 적용 후 콘텐츠 유형별 구성요율(약 45% 감소)

 

PicellUs image Slimmer 적용 후 콘텐츠 유형별 구성요율(약 45% 감소)

 

직접 체험해 보시기 바랍니다.

이미지 사이즈 줄이기 체험

 

자료출처 : "http archive" https://almanac.httparchive.org/en/2021/page-weight#introduction