이미지 src경로비교 aws외부링크 vs 내부경로

이미지 src를 넣는 방법이 다양한데 문득 궁금해져서 직접 실험해 보았다.

 

AWS s3에 이미지를 업로드한뒤에 그 링크를 넣고 로드 시간을 측정해보았다.

const bg = `<img src="https://cdn.blabla.jpg">`

aws 외부링크

다음은 위의 코드를 주석처리하고

파일은 동일하되 내부 public폴더내에 있는 이미지를 불러왔다.

const bg = `<img src="./images/blabla.jpg">`

의외의 결과로 내부경로가 조금더 로딩 속도를 감소시켰다.

 

혹시 이미지 용량도 속도에 영향을 미칠까?

위의 이미지의 용량은 1mb로

같은 사이즈이지만 300kb로 최적화한이미지를 웹팩을 돌려 비교해보았다.

여러번 로딩해본결과 크게 차이는 없었다.