Dynamics Media를 사용하여 브라우저 캐시의 즉각적인 이미지 만료 이해 및 해결
웹 사이트의 이미지가 사용 가능함에도 불구하고 때때로 사라지거나 로드되지 않는 이유를 알아봅니다. 이 문서에서는 이 문제가 발생하는 이유와 CDN(Content Delivery Networks) 및 TTL(Time-To-Live) 설정이 어떻게 역할을 수행하는지 알아봅니다.
설명 description
환경
Adobe Experience Manager
문제/증상
Dynamics Media를 사용할 때 브라우저에서 이미지가 즉시 만료됩니다.
Dynamics Media를 통해 제공된 이미지가 브라우저에서 즉시 만료되어 원본 서버에 대한 IMS(If-Modified-Since) 요청이 과다해지고 효과적인 캐싱이 없어 성능 문제가 발생합니다.
해결 방법 resolution
이미지가 미리 만료되지 않도록 하려면 CDN 캐싱 및 TTL 설정을 최적화하는 것이 중요합니다.
-
304 응답을 받을 때 캐시된 응답에서 cache-directive 헤더를 새로 고치도록 CDN에 묻는 메시지를 표시하도록
<
/cache:header-update.allow>
메타태그의<
cache:header-update.allow>
을(를) 구현합니다. -
<
cache:header-update.max-frequency>
메타데이터 태그를 사용하여 CDN 캐시의 헤더 업데이트 빈도를 규제하여 캐시 덮어쓰기를 과도하게 방지합니다. -
즉각적인 만료를 방지하고 브라우저 캐시의 활용률을 최적화하려면 'Expires' 헤더가 미래 날짜로 구성되었는지 확인하십시오.
-
CDN 및 브라우저 캐싱 동작을 모니터링하여 이미지가 정확한 헤더로 전달되는지 확인하므로 원본 서버에 대한 불필요한 트래픽을 효과적으로 최소화합니다.
이러한 설정을 조정하고 만료 헤더가 TTL 구성에 맞게 조정되도록 하면 원본 서버에 대한 불필요한 IMS 요청을 최소화하여 브라우저 캐시의 이미지 가용성을 높일 수 있습니다.
원인
Dynamics Media를 사용하면 특정 이미지에 대한 만료 시간을 설정할 수 있습니다. 이미지에 대한 TTL이 경과하면 IMS 요청이 원점으로 트리거됩니다. 원본 서버가 여기에 304 응답(수정되지 않음)을 보내면 이미지가 '만료' 헤더와 함께 새로 고쳐집니다(또한 변경되는 경우).
이전에는 CDN의 정적 TTL이 10시간이었으며 'Expires' 헤더가 CDN 캐싱에 영향을 주지 않았습니다. 그러나 이 동작은 CDN TTL 또는 'Expires' 헤더로 이미지가 만료되면 헤더와 함께 다시 새로 고쳐지도록 변경되었습니다. 요컨대, 이제 'Expires' 헤더 시간이 구성된 TTL보다 짧은 경우 CDN의 TTL을 재정의합니다.
이 CDN 구성 변경의 영향은 만료 시간이 짧은 콘텐츠에 대해 원본 서버에 대한 IMS 요청이 더 자주 발생한다는 것이었습니다.