반면에 웹 페이지 이동은 빨리 되는데 웹 페이지에 디자인을 입히는 속도나 이미지가 표시되는 속도가 느리다면 애셋이 많거나 무겁다는 뜻입니다. 이럴 때는 프론트엔드 개발자, 서비스 기획자, 디자이너가 모여 애셋 최적화에 대해 의논해야 합니다.

용량이 큰 대표적인 애셋은 이미지입니다. 고해상도 디스플레이의 등장으로 이미지 용량이 커지게 됐습니다. 그런데 일반 해상도 디스플레이에서는 잘 보이던 이미지가 고해상도 디스플레이에서는 깨져 보이는 경우가 가끔 있습니다. 고해상도로 이미지를 표시하기 위해 원본 이미지를 강제로 늘리기 때문입니다.

그림 7-3 고해상도 디스플레이에서 이미지를 늘릴 때 나타나는 현상