>  기사  >  웹 프론트엔드  >  AMP는 무엇을 위해 사용되나요?

AMP는 무엇을 위해 사용되나요?

青灯夜游
青灯夜游원래의
2018-12-25 11:29:5422528검색

AMP란 무엇인가요? 이 글에서는 AMP(Accelerated Mobile Pages)의 핵심 구성요소가 무엇인지, 그리고 각각의 장점과 단점이 무엇인지 모두가 이해할 수 있도록 AMP(Accelerated Mobile Pages)를 소개하겠습니다. 구체적인 내용부터 시작하겠습니다. 모든 사람에게 도움이 되기를 바랍니다.

AMP는 무엇을 위해 사용되나요?

AMP란 무엇인가요?

AMP(Accelerated Mobile Pages)는 Google이 Twitter와 협력하여 개발한 오픈 소스 프레임워크로, 사용자가 대폭 향상된 경험을 위해 즉시 사용할 수 있는 가벼운 웹 페이지를 만드는 간단한 방법을 제공합니다. 읽기가 더 쉽습니다.

기본적으로 AMP 프레임워크를 사용하면 단순화된 HTML 및 단순화된 CSS 규칙을 통해 모바일 장치를 위한 가벼운 환경을 구축할 수 있습니다.

AMP 페이지의 3가지 핵심 구성 요소

AMP HTML:

사용할 수 있는 HTML 태그에 대한 엄격한 사양을 갖춘 일반 HTML보다 더 간소화된 HTML 버전입니다. 페이지의 빠른 로드를 보장하기 위해 특정 HTML 요소는 AMP에서 허용되지 않습니다. 예를 들어, 일부 기본 태그는 AMP 태그로 대체됩니다. 예를 들어 AMP HTML 코드에서는 < img > ;이미지 통합을 수행합니다.

참고: AMP는 CSS에 제한이 있으며 단순화된 CSS 버전만 사용할 수 있습니다.

AMP JS:

모바일 플랫폼에서 빠른 페이지 로딩을 보장하기 위해 AMP는 모든 Javascript의 사용을 제한합니다. 유일한 예외는 AMP 스크립트입니다. AMP의 자체 JavaScript 라이브러리는 모든 웹사이트 요소 로드를 담당하는 반면, 모든 외부 리소스는 비동기식으로 처리됩니다. 즉, 외부 영향 없이 렌더링 프로세스가 발생할 수 있습니다.

AMP CDN: AMP 캐시라고도 하는 AMP 플랫폼의 핵심 구성 요소는 가속화된 모바일 페이지를 제공하는 프록시 기반 콘텐츠 전송 네트워크(CDN)입니다.

AMP의 장점과 단점

장점:

1. 콘텐츠 로딩 속도가 매우 빠르고, 좋은 모바일 경험을 활용하여 참여율과 전환율을 높입니다.

2. 모바일 검색결과를 통해 AMP 캐러셀에서 콘텐츠를 강조표시할 수 있습니다.

3. AMP CDN은 대부분의 검색 결과를 캐시하고 응답하므로 서버의 부하를 줄입니다.

단점:

1. 자바스크립트에는 한계가 있고 사용자가 직접 만들 수 없어 코딩이 어려울 수 있습니다.

2. 통합 플러그인이 없으면 페이지에서 일부 효과를 얻기가 어렵습니다.

3. HTML은 단순화되고 CSS는 제한적이며 웹사이트 스타일은 대부분 Google의 기본 형식입니다.

요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 AMP는 무엇을 위해 사용되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.