AMP(Accelerated Mobile Pages)는 Google이 Twitter와 협력하여 개발한 오픈 소스 HTML 프레임워크입니다. 이 프로젝트는 모바일 사용자를 위해 웹 콘텐츠를 더 빠르고 사용자 친화적으로 만들어 간편하고 효율적인 검색 경험을 제공하는 것을 목표로 합니다. AMP는 웹페이지를 단순하면서도 효율적인 형식으로 렌더링하여 로드 시간을 줄이고 사용자 참여를 향상함으로써 이를 달성합니다.
가속화된 모바일 페이지의 탄생과 출현
Accelerated Mobile Pages 프로젝트는 2015년 10월 Google에서 처음 발표되었습니다. Google은 Twitter, Pinterest, LinkedIn, WordPress.com 등 다양한 출판사, 기술 회사 및 플랫폼과 협력하여 새롭고 더 빠른 모바일 표준을 만들었습니다. 웹 컨텐츠.
주요 목표는 모바일 사용자를 위해 점점 더 커지고 느려지는 웹 경험에 맞서는 것이었습니다. 사용자가 기대하는 기능을 희생하지 않으면서 불필요한 요소를 제거하고 속도에 우선순위를 두는 것이 아이디어였습니다. 2016년 2월까지 AMP는 Google의 모바일 검색 결과에 통합되어 공식 데뷔했습니다.
Accelerated Mobile Pages에서 확장하기
Accelerated Mobile Pages의 핵심은 일반 HTML의 간단한 버전입니다. AMP는 특정 웹 기술 세트를 사용하여 모바일 사용자의 속도와 가독성에 중점을 두고 웹페이지를 제공합니다. 이는 AMP HTML, AMP JS(JavaScript) 및 AMP Cache의 세 가지 핵심 구성 요소로 구성됩니다.
AMP HTML은 일부 맞춤 태그와 속성을 포함하는 HTML의 하위 집합입니다. 여기에는 이미지용 amp-img, 비디오용 amp-video 등 성능 향상에 도움이 되는 여러 내장 맞춤 요소가 포함되어 있습니다.
AMP JS는 페이지의 가장 빠른 렌더링을 제공하는 것을 목표로 리소스 처리 및 비동기 로딩을 관리합니다. 비동기 JavaScript만 허용하므로 스크립트가 렌더링 경로를 차단하지 않습니다.
Google에서 제공하는 AMP 캐시는 캐시된 AMP HTML 페이지를 제공합니다. 캐시에는 페이지가 AMP 기준을 충족하는지 확인하는 검증 시스템이 내장되어 있어 안정성과 속도가 보장됩니다.
Accelerated Mobile Pages의 내부 작동 방식
Accelerated Mobile Pages는 간소화된 HTML 프레임워크를 활용하고 종종 페이지 로드 시간을 느리게 만드는 특정 HTML, CSS 및 JavaScript 요소를 제한합니다. AMP는 사용자가 웹페이지를 열 때 필요한 콘텐츠만 로드할 수 있도록 하는 지연 로딩을 사용하므로 콘텐츠 전달 속도가 향상됩니다.
AMP 시스템에서는 JavaScript가 최소한으로 유지됩니다. 맞춤 AMP 요소 내에서는 타사 JavaScript가 허용되지 않으므로 렌더링 차단을 방지하는 데 도움이 됩니다. 대신 대화형 콘텐츠는 맞춤 AMP 요소에서 처리됩니다. AMP의 CSS도 인라인 처리되고 크기 제한이 있으므로 가져오는 데이터가 적습니다.
AMP 캐시도 중요한 역할을 합니다. 사용자가 AMP 페이지를 요청하면 Google AMP 캐시에서 해당 페이지가 검색되어 자동으로 페이지 성능이 향상됩니다.
Accelerated Mobile Pages의 주요 기능
-
속도와 성능: AMP 페이지는 표준 모바일 페이지보다 빠르게 로드되어 원활한 사용자 환경을 제공합니다.
-
검색 엔진 최적화: AMP 지원 페이지는 Google의 검색 엔진 알고리즘에서 선호되므로 검색 엔진 결과 페이지(SERP)에서 가시성이 높아집니다.
-
참여 및 수익 창출: 페이지 로드 속도가 빨라지면 사용자 참여도가 높아지고 이탈률이 낮아지며 광고 가시성이 향상됩니다.
-
해석학: AMP는 사용자 데이터를 축적, 분석 및 조치할 수 있는 조항을 통해 광범위한 분석, 광고 네트워크 및 기술을 지원합니다.
Accelerated Mobile Pages의 유형
AMP에는 다양한 '유형'이 있는 것이 아니라 다양한 콘텐츠 유형과 플랫폼에 걸쳐 AMP 구현이 다릅니다. 몇 가지 예는 다음과 같습니다:
- AMP 웹사이트: 속도와 성능을 위해 AMP HTML로 완벽하게 구축된 표준 웹사이트입니다.
- AMP 스토리: 탭 가능하고 매력적이며 몰입도가 높은 오픈 웹을 위한 시각적 스토리텔링 형식입니다.
- AMP 광고: AMP로 제작된 광고는 더 빠르게 로드되어 사용자 경험과 광고 성능이 향상됩니다.
- AMP 이메일: AMP 프레임워크를 사용하는 대화형 실시간 이메일입니다.
사용법, 문제 및 해결 방법
AMP는 주로 뉴스 게시자, 전자상거래 사이트, 광고 플랫폼에서 모바일 장치에 빠르고 매력적인 경험을 제공하는 데 사용됩니다. 그러나 AMP는 페이지를 지나치게 단순화하고, 본격적인 웹사이트에 비해 기능이 제한되며, Google 인프라에 의존한다는 점에서 비판을 받아 왔습니다.
Google은 이러한 문제를 해결하기 위해 더 많은 구성요소를 추가하여 기능을 향상하고 속도와 유용성 간의 균형을 개선하는 등 AMP 프레임워크를 지속적으로 개선해 왔습니다.
유사 기술과의 비교
| 특징 | 앰프 | 일반 모바일 페이지 | 반응형 웹 디자인 |
|---|---|---|---|
| 속도 | 매우 높음 | 보통의 | 디자인에 따라 다름 |
| SEO 혜택 | 높은 | 낮은 | 보통의 |
| 모바일 중심 | 예 | 아니요 | 예 |
| 상호작용 | 제한된 | 높은 | 높은 |
| Google에 대한 의존도 | 높은 | 아니요 | 아니요 |
미래 전망과 기술
AMP의 미래는 속도를 유지하면서 더 풍부한 경험을 제공하기 위한 지속적인 업데이트를 통해 더 큰 유연성과 기능을 향해 나아가고 있습니다. 웹 애플리케이션에 네이티브 앱과 유사한 경험을 제공하는 프로그레시브 웹 앱(PWA)은 점점 더 "입력 페이지"에 AMP를 통합하고 있습니다. PWA와 AMP 기술의 결합은 즉각적인 로딩과 몰입형 웹 경험의 미래를 약속합니다.
AMP 및 프록시 서버
OneProxy와 같은 프록시 서버를 사용하여 AMP 콘텐츠를 제공할 수 있습니다. 이러한 서버는 AMP 페이지를 캐시하여 사용자에게 전달하여 로드 시간과 성능을 향상시킬 수 있습니다. 그러나 Google AMP Cache에서 제공하는 검증 및 최적화는 특별히 구현되지 않는 한 존재하지 않습니다.
관련된 링크들
AMP에 대한 자세한 내용은 다음을 참조하세요.
AMP에 대한 이 포괄적인 검토에서는 AMP의 기원, 기능, 애플리케이션 및 미래를 탐구합니다. 모바일 인터넷 사용이 계속 증가함에 따라 모든 사람에게 더 빠르고 사용자 친화적인 웹을 제공하기 위한 AMP의 필요성도 증가할 것입니다.
