앱 성능 관리 - AWS Amplify호스팅

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

앱 성능 관리

Amplify의 기본 호스팅 아키텍처는 호스팅 성능과 배포 가용성 간의 균형을 최적화합니다. 자세한 정보는 인스턴트 배포를 통한 즉각적인 캐시 무효화을 참조하십시오.

앱의 성능을 더 세밀하게 제어해야 하는 고급 사용자를 위해 Amplify Hosting은 지원합니다.성능 모드. 성능 모드는 더 긴 간격 동안 콘텐츠 전송 네트워크 (CDN) 엣지에 콘텐츠를 캐시된 유지하여 호스팅 성능을 가속화하도록 최적화합니다. 자세한 정보는 성능 모드을 참조하십시오.

인스턴트 배포를 통한 즉각적인 캐시 무효화

Amplify Hosting은 모든 코드 커밋과 관련된 CDN의 인스턴트 캐시 무효화를 지원합니다. 이를 통해 CDN 캐싱의 성능 이점을 포기하지 않으면서 단일 페이지 또는 정적 앱에 업데이트를 배포할 수 있습니다.

Amplify 가 캐시 무효화를 처리하는 방법에 대한 자세한 내용은 블로그 게시물을 참조하십시오.AWS Amplify콘솔은 모든 코드 커밋과 관련된 인스턴트 캐시 무효화 및 델타 배포를 지원합니다..


            원본 또는 CDN 캐시에서 콘텐츠 요청을 처리하기 위한 인스턴트 배포 모드 로직입니다.

성능 모드

Amplify Hosting 성능 모드는 더 긴 간격 동안 CDN의 가장자리에 콘텐츠를 캐시된 유지하여 호스팅 성능을 가속화하도록 최적화합니다. 성능 모드를 활성화하면 호스팅 구성 또는 코드 변경을 배포하고 사용하려면 최대 10분이 걸릴 수 있습니다.

성능 모드는 앱의 성능을 세밀하게 제어해야 하는 고급 고객을 위한 것입니다. 호스팅 성능과 배포 가용성 간의 균형을 최적화하려면 기본값입니다.인스턴트 배포를 통한 즉각적인 캐시 무효화호스팅 아키텍처를 사용하는 것이 좋습니다.

앱에 대한 성능 모드를 활성화하려면

  1. 에 로그인합니다.AWS Management Console를 열려면콘솔 Amplify.

  2. 성능 모드를 활성화할 앱을 선택합니다.

  3. 탐색 창에서 [] 를 선택합니다.앱 설정,일반.

  4. 에서일반창에서 [] 까지 아래로 스크롤합니다.Branches섹션. 성능 모드를 활성화하려는 브랜치를 선택합니다.

  5. 선택작업,성능 모드 활성화.

  6. 에서성능 모드 활성화대화 상자에서 선택합니다.성능 모드 활성화.

헤더를 사용하여 캐시 기간 제어

HTTPCache-Control머리글max-ages-maxage지시어는 앱의 콘텐츠 캐싱 기간에 영향을 줍니다. 이max-age명령을 사용하면 오리진 서버에서 콘텐츠를 새로 고치기 전에 이 콘텐츠를 캐시에 보관하려는 시간 (초) 을 브라우저에 알려줍니다. 이s-maxage명령을 재정의max-age를 사용하면 에서 오리진 서버에서 콘텐츠를 새로 고치기 전에 이 콘텐츠를 CDN 엣지에 보관하려는 시간 (초) 을 지정할 수 있습니다. Amplify를 사용하여 호스팅되는 앱은Cache-Control클라이언트가 보낸 요청 헤더는 사용자가 정의한 사용자 지정 헤더에 의해 재정의되지 않는 한 사용자 지정 헤더를 구성하는 방법에 대한 설명을 계속 읽으십시오.

수동으로 조정할 수 있습니다.s-maxage앱의 성능 및 배포 가용성을 보다 자세히 제어할 수 있도록 지시문을 선택합니다. 예를 들어 콘텐츠가 엣지에서 캐시되는 시간을 늘리려면 업데이트하여 라이브 시간 (TTL) 을 수동으로 늘릴 수 있습니다.s-maxage기본 600초 (10분) 보다 긴 값으로 설정합니다.

참고

앱에 대해 성능 모드가 활성화되면 Amplify 사용자 지정 헤더를 사용하여 앱에 대해 설정할 수 있는 최대 TTL을 늘립니다. 이 경우 10분 (600초) 에서 하루 (86,400초) 로 설정할 수 있습니다. Amplify Capss-maxage하루에 사용자 정의 헤더를 사용하여 설정할 수 있습니다. 예를 들어, 를 설정한 경우s-maxage1주일 (604,800초) 까지, 앰플리파이는 하루의 최대 TTL을 사용합니다.

앱에서 앱에 대한 사용자 지정 헤더를 정의할 수 있습니다.사용자 지정 헤더Amplify 콘솔의 섹션입니다. 자세한 내용은 단원을 참조하십시오.사용자 지정 헤더 설정. 에 대한 사용자 지정 값을 지정하려면s-maxage에서 다음 YAML 형식을 사용합니다. 이 예제에서는 관련 콘텐츠를 3600초 (1시간) 동안 엣지에 캐시된 보관합니다.

customHeaders: - pattern: '/img/*' headers: - key: 'Cache-Control' value: 's-maxage=3600'