핵심 구성 요소에 대한 AMP 지원

핵심 구성 요소의 릴리스 2.11.0부터 AMP - 가속 모바일 페이지 - 완전히 지원됩니다.

이 문서에서는 AMP가 지원되는 방법과 사이트에 대해 AMP를 활성화하는 방법에 대한 개요를 제공합니다. 그러나 자세한 기술적인 내용은 GitHub 개발자 설명서를 참조하십시오.

AMP란?

가속화된 모바일 페이지 또는 AMP는 Google에서 모바일 검색을 위해 페이지를 최적화하기 위해 처음으로 디자인한 오픈 소스 프레임워크입니다. AMP 페이지는 일반적으로 표준 웹 페이지보다 훨씬 빠르게 로드되므로 모바일 경험을 향상시킬 수 있습니다.

핵심 구성 요소의 AMP에 대한 지원은 완전히 구성할 수 있습니다. AMP 버전의 페이지는 표준 HTML 버전과 함께 독점적으로 제공되거나 전혀 제공되지 않을 수 있습니다.

핵심 구성 요소는 amp을 Sling 선택기로 사용하여 AMP 페이지를 렌더링합니다. 예를 들어 example.html은 일반 페이지를 렌더링하고 example.amp.html은 AMP 버전이 됩니다.

개별 프로젝트는 AMP를 활용할지 여부를 결정할 수 있습니다. 실제로 AMP와 표준 HTML 페이지를 동시에 전달할 수 있으므로 프로젝트는 프로젝트의 특정 페이지에서만 AMP를 사용하도록 선택할 수 있습니다.

AMP 지원에서는 뛰어난 유연성을 제공하지만 빠르게 시작하려면 간단한 몇 단계만 있으면 됩니다.

필요한 경우 AMP 지원 확장 프로그램을 설치합니다.
- Cloud Service 프로젝트로 AEM의 경우 확장 기능은 핵심 구성 요소에서 자동으로 사용할 수 있으며 설치할 필요가 없습니다.
- 온-프레미스 및 AMS 프로젝트의 경우 핵심 구성 요소를 설치할 때 확장 프로그램을 명시적으로 설치해야 합니다.
AMP 확장이 설치되면 구성 요소 작성자는 구성 요소 슈퍼 유형을 확장의 구성 요소로 가리켜야 합니다.
템플릿 수준 또는 개별 페이지에서 AMP 지원을 활성화합니다.
필요에 따라 인라인 CSS를 배포합니다.