inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1

1-5) 이미지 사이즈 최적화

이미지 사이즈 최적화 질문 있습니다.

475

태기

작성한 질문수 2

1

안녕하세요.

이번 이미지 사이즈 최적화 강의를 보고 질문드립니다.

API 서버에서 원본 이미지를 원하는 사이즈로 최적화를 하는데 그만큼 시간적인 비용이 들어가잖아요.

그러면 클라이언트 관점에서 소모되는 용량은 작아도 백엔드에서 이미지 사이즈 최적화하는 작업 시간 때문에 페이지가 로드되는 시간은 큰 차이가 없을 수 있지 않을까 생각하는데 백엔드에서 사이즈 최적화를 거친 이미지를 로드하는 것이 원본 이미지를 바로 로드하는 것보다 시간적인 비용이 더 저렴하다고 보면 되는 걸까요?

사이즈 최적화 작업 + 최적화 된 이미지 응답 속도가 원본 이미지 응답 속도보다 빠르다고 보면 될지..

react devtools

답변 1

0

유동균

안녕하세요 김은택님,

이미지 처리 서버의 효율성에 대해서 질문 주셨는데요,

클라이언트에서 이미지를 요청할 때 마다 서버에서 이미지를 가공한다면 말씀하신 것처럼 시간도 오래걸리고 리소스 또한 많이 잡아먹습니다.

그래서 이미지를 업로드할 때 필요한 이미지 형태에 대해서 미리 가공해두거나 아니면 한 번 가공된 이미지는 캐시를 해뒀다 다음 요청 때는 미리 가공해 뒀던 이미지를 제공해 줍니다.

답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. 

0

태기

빠른 답변 정말 감사합니다!

bundle analyzer 에 대한 질문이 있습니다.

0

117

2

Cannot find module serve 에러

1

125

1

성능 탭에서 소요시간이 안보입니다

0

230

2

이미지 CDN 만드는 방법

0

474

1

Performance FPS 탭이 안보여요.

1

818

1

CPU throttling이 뭔가요?

0

1127

1

default export가 아닌 named export일 때 lazy사용법

1

1079

1

lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다

1

593

1

network 캐싱에 대해서 질문 있습니다!

1

429

1

vue project에서 chrome performance tab 확인하기

1

462

1

node version으로 인한 오류

4

1240

1

강의 자막

1

961

2

번들파일과 병목현상 질문

2

402

1

webpack-bundle-analyzer 질문

1

790

1

이미지 프리로딩 질문

1

389

1

이미지 최적화 활용

1

589

1

강력 새로고침

1

331

1

Suspense 관련해서 질문드립니다

2

364

1

config-overrides cant resolve path

1

368

1

이미지 preload 컴포넌트 preload 차이 질문드립니다.

1

617

1

custom react 환경에서 node_modules chunk 분리

1

384

1

removeSpeical 함수를 줄여야겠다고 하는 이유!

1

290

1

Factory pattern에 대해서 궁금한 점이 있습니다

2

377

2

텍스트 압축 방식에 대해 질문이 있습니다

2

958

1