S3에 이미지를 업로드하게되면
이미지가 많은 페이지를 로딩할경우 S3에 지나치게 많은 리퀘스트를 보내게 된다는점이 고민이었다.
리퀘스트가 곧 서버비이기때문에... 그래서 이를 어떻게 줄일까 여러방면으로 고민을 해보았는데
두가지 키워드를 들을 수 있었다.
첫번째는 Lazy loading
- 스크롤이 있는 페이지에서 사용자가 아직 보지 않은 이미지가 존재한다면(옵저버에 걸리지않은 이미지들은) 이미지를 로딩하지 않다가
옵저버에 이미지가 걸리는 순간 이미지를 가져오도록 요청하는 방식이다.
두번째는 이미지 스프라이트
여러 이미지를 하나의 이미지로 이어붙여 css를 통해 내가 원하는 부분만 보여주는 방식으로 여러장수만큼의 리퀘스트를
한번으로 줄일수 있다는 장점이 있다.
- 문제: 유저가 업로드한 이미지를 스프라이트해주는 라이브러리가 있을까?
'잡동사니 > 깨달음' 카테고리의 다른 글
| 애자일이란 (0) | 2021.12.19 |
|---|---|
| aws 프리티어 트래픽초과시 과금정책... (0) | 2021.10.19 |
| 서버에 ssl인증을 받았는데도 불구하고 https로 접속할수없다면.. (0) | 2021.10.19 |
| 브라우저마다 locale을 표기하는 방법이 다르다. (0) | 2021.10.19 |
| https에서 http에는 요청보내면 cors에러가 난다 (0) | 2021.10.19 |