조건부 호출로 줄인 API 비용
외부 기관 조회 API의 호출 건수 기반 과금 문제를 줄이기 위해 조건부 호출을 적용했습니다. 조회 Timestamp와 배치 갱신, Lazy Loading으로 불필요한 호출을 최소화했습니다.
#HTTP#cache#REST API
3500
태그
lazy loading 기술 블로그 글
lazy loading 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 8개최신 8개 표시
관련 태그
최신 게시글
8개 표시
FE Lazy Loading 적용기
상품 이미지가 많은 페이지의 과도한 초기 로딩 문제를 Intersection Observer 기반 Lazy Loading으로 개선했습니다. 최초 이미지 리소스를 평균 9.6MB로 줄이고 첫 페이지 로딩 시간을 평균 5.5초로 단축했습니다.
#React#JavaScript#lazy loading
2900
Next/Image를 활용한 이미지 최적화
Next/Image로 지연 로딩·WebP 변환·반응형 이미지를 적용해 이미지 전송량과 로딩 시간을 줄였습니다. `sizes`와 srcSet 설정을 조정해 과도한 고해상도 요청 및 최초 생성 지연을 해결했습니다.
#Next.js#Next/Image#lazy loading
200
Next/Image를 활용한 이미지 최적화
Next/Image로 lazy loading, WebP 변환, placeholder를 적용해 이미지 전송량과 로딩 시간을 줄였습니다. layouts와 sizes 설정을 조정해 과도한 고해상도 요청 및 이미지 생성 비용을 해결했습니다.
#Next.js#Next/Image#lazy loading
3700
Next/Image를 활용한 이미지 최적화
사용자 경험과 성능 개선 방법 in 카카오웹툰
카카오웹툰의 SSR 캐싱, CDN, 지연 로딩 기반 성능 개선 사례를 소개했습니다. 로딩 쉬머와 이벤트·애니메이션 최적화, 라이트 모드로 UX를 보완했습니다.
#Next.js#SSR#cache
200
사용자 경험과 성능 개선 방법 in 카카오웹툰
카카오웹툰의 SSR 캐싱, 리소스 최적화, 지연 로딩 기반 성능 개선 사례를 소개했습니다. 로딩 체감, 인터랙션, 저사양 환경까지 고려한 UX 트레이드오프를 설명합니다.
#Next.js#SSR#cache
3200
사용자 경험과 성능 개선 방법 in 카카오웹툰
Django ORM defer 기능
Django ORM의 `defer()`로 특정 컬럼을 제외한 조회와 저장 동작을 설명했습니다. 제외 필드 접근 시 지연 로딩 쿼리가 발생하는 점을 주의해야 합니다.
#Django#ORM#SQL
2200
Django ORM only 기능
Django ORM의 `only()`로 필요한 컬럼만 조회하고 저장 쿼리를 줄이는 방식을 살펴봤습니다. 미조회 필드 접근 시 lazy loading 추가 쿼리가 발생하므로 필드 선택에 주의해야 합니다.
#Django#ORM#lazy loading
1800