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

마지막 업데이트: 2024년 7월 13일

작성 대상:

핵심 구성 요소 릴리스 2.11.0부터 AMP(Accelerated Mobile Pages)를 전폭 지원합니다.

이 문서는 AMP를 지원하는 방법과 사이트에서 활성화하는 방법에 대한 개요를 제공합니다. 단, 전체 기술 정보의 경우 GitHub 개발자 설명서를 참조하십시오.

AMP란 무엇입니까?

AMP(Accelerated Mobile Pages)는 Google에서 페이지를 최적화하기 위해 모바일 검색용으로 최초 설계한 오픈 소스 프레임워크입니다. 일반적으로 AMP 페이지는 표준 웹 페이지를 휠씬 더 빠르게 로드하여 보다 나은 모바일 경험을 제공합니다.

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

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

개별 프로젝트는 AMP 활용 여부를 결정할 수 있습니다. 실제로 AMP와 표준 HTML 페이지는 동시에 제공될 수 있기 때문에 프로젝트는 자체 특정 페이지에서만 AMP를 사용할 수 있습니다.

AMP 지원을 통해 다양한 유연성이 제공되지만 지원을 빠르게 시작하는 데에는 몇 가지 간단한 단계들이 필요합니다.

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