핵심 구성 요소 릴리스 2.11.0부터 AMP(Accelerated Mobile Pages)를 전폭 지원합니다.
이 문서는 AMP를 지원하는 방법과 사이트에서 활성화하는 방법에 대한 개요를 제공합니다. 단, 전체 기술 정보의 경우 GitHub 개발자 설명서를 참조하십시오.
AMP(Accelerated Mobile Pages)는 Google에서 페이지를 최적화하기 위해 모바일 검색용으로 최초 설계한 오픈 소스 프레임워크입니다. 일반적으로 AMP 페이지는 표준 웹 페이지를 휠씬 더 빠르게 로드하여 보다 나은 모바일 경험을 제공합니다.
핵심 구성 요소에 대한 AMP 지원을 전체 구성할 수 있습니다. 표준 HTML 버전과 함께 AMP 버전의 페이지가 독점 제공되거나 전혀 제공되지 않을 수 있습니다.
핵심 구성 요소는 amp
를 슬링 선택기로 사용하여 AMP 페이지를 렌더링합니다. 예를 들어 example.html
는 일반 페이지를 렌더링하고 example.amp.html
는 AMP 버전이 됩니다.
개별 프로젝트는 AMP 활용 여부를 결정할 수 있습니다. 실제로 AMP와 표준 HTML 페이지는 동시에 제공될 수 있기 때문에 프로젝트는 자체 특정 페이지에서만 AMP를 사용할 수 있습니다.
AMP 지원을 통해 다양한 유연성이 제공되지만 지원을 빠르게 시작하는 데에는 몇 가지 간단한 단계들이 필요합니다.
페이지의 AMP를 활성화하려면 페이지 정책에서 AMP 모드를 선택해야 합니다.
개별 페이지의 페이지 속성에서 페이지의 AMP 설정이 재정의될 수도 있습니다.
AMP를 핵심 구성 요소와 함께 사용하는 경우 주요 차이점은 AMP를 통해 모든 CSS가 <head>
요소에서 인라인되고 최적화될 수 있다는 것입니다.
이를 지원하기 위해 맞춤화된 페이지 구성 요소를 사용하여, 페이지에 표시된 구성 요소의 AMP별 CSS만 로드합니다.
AMP 디자인 제한으로 인해 Adobe는 AMP 버전의 페이지와 함께 반응형 그리드 사용을 지원하지 않습니다.
추가 요구 사항 및 기술에 대한 자세한 내용은 GitHub 개발자 설명서를 참조하십시오.