[블로터] 언론사 모바일웹에 가속기를…구글 ‘AMP’

‘이 기사는 2016년 2월 18일 기사로, AMP 에 대한 정보 제공을 위해 포스팅 합니다.’

“모바일 웹을 통해 소비하는 뉴스 콘텐츠 페이지는 로딩에 더디고 느릴 뿐 아니라 어수선하다. 독자들은 모바일 웹으로 뉴스를 보는 걸 좋아하지 않는다.”

구글의 AMP 프로젝트는 구글 ‘액셀러레이티드 모바일 페이지’ 프로젝트의 줄임말이다. 지난 2015년 10월부터 전세계 30곳 이상의 매체 및 기술 파트너들과 함께 발표한 오픈소스 이니셔티브다.

AMP의 핵심은 모바일웹 로딩 시간 단축이다. 모바일웹은 PC 웹과 달리 OS, 기기 성능, 통신망 구축 정도에 따라 차이가 크게 날 수 있다. 많은 사용자들이 모바일에서 콘텐츠를 소비하고 있다는 현실도 배경에 깔렸다. AMP를 적용하면 클릭과 거의 동시에 뉴스를 볼 수 있다. AMP 프로젝트는 페이지 로딩 시간을 단축해서 긴 페이지 로딩 시간이 불러오는 사용자 이탈을 막아보자는 취지다.

한국에서는 <연합뉴스>, <YTN>, <조선일보> 등 기존 주요 언론은 물론 <뉴스타파>, <슬로우뉴스> 처럼 대안 언론으로 분류되는 매체도 참여한다. 이 매체에서 만든 콘텐츠 중 AMP를 적용한 콘텐츠는 구글 검색 결과 상단에 노출된다.

AMP를 적용하면 훨씬 빠르게 뉴스 페이지를 로딩할 수 있다. 페이스북의 인스턴트 아티클과도 비슷하다. AMP HTML을 사용하면 웹사이트에서 표준 웹페이지보다 가벼운 버전의 페이지를 구축할 수 있으며, 서식이 많은 웹페이지와 스마트 광고도 즉시 로드할 수 있다. 다양한 플랫폼, 앱, 웹브라우저, 기기에 걸쳐 동일한 코드 작업을 할 수 있다는 장점도 있다.

AMP의 작동 원리

AMP의 작동 원리는 크게 3단계로 파악할 수 있다. 핵심은 ‘캐싱'(Caching)이다.

• 페이지 구성 단순화 : 자바스크립트 코드를 최소화한다. 필요한 기능은 태그컴포넌트로 만들어둔다. 구글은 ‘AMP 자바스크립트’라는 라이브러리를 제공한다.
• 대역폭 최적화 : 최적화된 해상도 이미지를 찾아 기기에 최적화된 콘텐츠 노출하고, 비동기 로딩을 통해 뉴스 소비 경험을 개선한다. 비동기 로딩이란, 우선 뉴스를 읽는 데 핵심이 되는 텍스트를 먼저 로딩하고 크기가 큰 이미지를 나중에 받는 방식이다.
• 페이지 캐싱 : 구글이 AMP를 적용한 뉴스 데이터를 저장(캐싱)한다. 사용자가 뉴스를 읽겠다고 요청하면, 언론사의 서버가 아니라 미리 캐싱한 데이터를 보여줌으로써 로딩 시간을 획기적으로 줄인다.

구동 속도 빠르고, 검색 결과에서도 상위 노출

iOS와 안드로이드 앱에서 AMP를 테스트하고 있는 핀터레스트는 AMP 페이지가 기존 모바일 최적화 페이지와 비교했을 때 로딩은 4배 빠르면서도 데이터 사용량은 8분의 1 수준이라고 밝혔다.

콘텐츠 공급자의 입장에서 봤을 때, 구글과 제휴를 맺고 AMP를 적용한 뉴스는 구글 검색 결과 상단에 아예 따로 영역을 할당받아서 노출된다는 장점도 있다. 기존 뉴스 페이지를 버리는 게 아니라 ‘더 빠르고 모바일웹에 최적화된’ 기사 페이지를 한 벌 더 만드는 개념이다. AMP를 이미 적용한 신선균 <연합뉴스> 콘텐츠 사업부 차장은 “쓰는 데 있어서 크게 어려움도 없고, 기존 운영과 병행할 수 있다”라고 말했다. 트래픽도 측정할 수 있다. 구글은 AMP를 활용한 광고 분야에도 많은 지원을 하겠다고 밝힌 상태다.