pile·
인프라 / DevOps·아이디어스아이디어스·

이미지 최적화 여정(1): AWS Serverless Image Handler

문제텀블벅은 실제 이미지 크기와 렌더링 크기가 어긋나 성능이 떨어졌고, SaaS 이미지 서비스에 묶여 있어 프런트 요구에 맞춘 사이즈를 만들려면 매번 백엔드를 거쳐야 했다.
접근AWS Serverless Image Handler(SIH)를 도입해 CloudFront·S3·Lambda 조합으로 클라이언트가 요청한 사이즈를 온디맨드 생성. S3 트리거 Lambda로 1240px 초과 이미지를 자동 리사이즈하되 원본은 보존하고, 일부 페이지부터 점진 적용했다. 리사이즈가 사용자 요청보다 늦게 끝나는 타이밍 문제는 polling과 cache busting으로 회피했다.
결과몇 달 안에 이미지 품질 컴플레인이 사라졌고, 프런트엔드 엔지니어가 인프라까지 이해하는 시야 확장의 가치를 체감한 사례로 정리됐다.
아이디어스
아이디어스 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한

  2. 인프라 / DevOps·vercel-blogVercel Blog·

    Vercel CLI 드라이런 배포로 실제 배포 전 구성 미리 확인하기

    Vercel CLI v54.17.2부터 vercel deploy --dry 명령으로 실제 파일 업로드 없이 배포 구성을 미리 검사할 수 있다. 프레임워크 감지 결과, 포함/제외 파일 목록, 디렉터리 크기 분포, 콘텐츠 해시까지 사전에 확인하고 나서 배포를 결정할 수 있어 의도치 않은 배포 실패를 예방한다.

    #deployment#ci-cd#vercel-cli+1