I / O : 모바일 웹의 속도가 훨씬 빨라짐

지난주 Google IO 컨퍼런스에서 내가 가장 흥미로 웠던 것 중 하나는 현재 웹 사이트 및 모바일 웹에서 사용 가능한 개선 사항이었습니다.

Google의 뉴스 및 소셜 제품 담당 수석 이사 인 Richard Gingras는이 회사가 "게시자와의 공생 관계"와 Google과 게시자가 "미디어 배포를위한 풍부하고 개방 된 생태계를 원하는 방식"에 대해 이야기했습니다.

검색은 게시자에게 중요한 트래픽 소스입니다. 그는 사용자가 1 년에 한 번씩 Google 검색을 수행하며 데스크톱보다 모바일에서 더 많은 검색을 수행한다고 언급했습니다. 보통 사람이 하루에 150 번씩 휴대 전화를 확인하고 매일 기기에서 177 분을 보내면서 모바일이 다릅니다. 결과적으로 Google은 모바일 환경에 적합한 사이트를 검색하는 순위 시스템 인 Google Now 카드와 모바일 웹에서보다 유용하게 검색 할 수있는 도구와 기능을 사용하여 모바일 세상에 대한 검색을 재구성해야했습니다.

이러한 노력 중 가장 중요한 것은 HTML5, CSS3 및 JavaScript를 일부 변경하여 검색 엔진에서 페이지를로드하는 속도를 높이는 "가속 모바일 페이지"(AMP)입니다. Gingras는 시청자의 40 %가로드하는 데 3 초 이상 걸리는 사이트를 포기한다고 언급했습니다. 현재까지 AMP 페이지에는 640, 000 개 이상의 도메인에서 1 억 2 천 5 백만 건의 문서가 포함되어 있습니다.

이를 바탕으로 이미지와 같이 왼쪽과 오른쪽으로 스크롤 할 수있는 내용으로 AMP "회전 목마"를 만드는 방법에 대해 이야기했습니다. 이것은 레시피로 처음 시작되지만 다른 카테고리로 확장됩니다. 이런 식으로 검색 결과는 표준 목록에서 "리치 스 니펫"(이미지 및 페이지의 다른 부분 포함)으로 훨씬 더 시각적 인 새로운 리치 카드로 이동합니다. 예제는 상단의 이미지를 참조하십시오.

다른 새로운 기능에는 실시간 색인 생성이 포함되어 있으므로 게시자는 Google이 사이트를 색인 할 때까지 기다릴 필요가 없으며 대신 새로운 API를 사용하여 기사의 색인을 생성 할 수 있습니다. 이것은 곧 시범에 진입 할 예정이며 내년에 더 많은 출판사들에게 배포 될 예정입니다. 또한 Gingras는 Google 검색 콘솔을 푸시했으며 게시자는 검색 존재를 최적화 할 수 있도록 설계되었습니다.

Google의 Rahul Roy-Chowdhury는 모바일 웹의 "통합 상태"에 대한 토론에서 웹이 개방되고 분산되어있는 방식에 대해 이야기했으며, 모든 플랫폼에서 실행되므로 컨텐츠를 쉽게 발견하고 광범위하게 찾을 수 있습니다. 그는 구글이 불과 4 년 전만해도 모바일에 Chrome을 도입했다고 말했지만, 현재는 월간 모바일 사용자 수가 10 억 명을 넘어 섰습니다.

그는 빠르게로드 및 스크롤되는 페이지의 중요성과 빠르게 나타나는 초기 컨텐츠에 중점을 둔 AMP의 중요성에 대해 이야기했습니다. 그는 주로 웹 응용 프로그램 만 브라우저에로드되는 훨씬 진보적 인 웹 응용 프로그램에 중점을 두어 훨씬 더 빠르게로드되고 더 많은 기능을 제공합니다.

Washington Post 의 David Merrell은 이것이 어떻게 작동하는지 보여주었습니다. AMP는 확실히 Chrome 내에서 페이지를 빠르게로드 할 수 있지만 진보적 인 웹 앱을 사용하면 모바일 용으로 설계된 형식으로 전체 사이트를 빠르게 가져올 수 있습니다. 이것은 현재 공개 테스트 중이며 iOS 및 Android에서 Safari와 함께 작동하는 것 같습니다. 내가 본 것에서 그것은 큰 속도 개선입니다.

Roy-Chowdhury는 전자 상거래의 66 %가 모바일 웹에서 발생하지만 모바일에서 전환은 데스크톱에서보다 66 % 낮은 속도로 발생한다고 말했다. 작은 터치 스크린 키보드로 작은 화면에서 거래를 완료하는 것이 더 어렵 기 때문입니다. 이 문제를 해결하기 위해 그는 교차 기기 및 교차 앱 로그인을 허용하는 새로운 자격 증명 관리자 API와 신용 카드 또는 Android Pay를 사용하여 웹 응용 프로그램 내에서 한 번의 지불을 가능하게하는 새로운 웹 지불 API를 소개했습니다.

또 다른 새로운 기능은 기본 응용 프로그램뿐만 아니라 웹 응용 프로그램의 알림을 활성화하는 것입니다. 새로운 기능으로 모바일에 푸시 알림을 사용하고 컨텐츠를 오프라인에 저장할 수 있습니다. 예를 들어, Air Berlin은 탑승권을 오프라인으로 저장하여 사이트를 보여주었습니다.

Roy-Chowdhury는 모든 플랫폼의 모든 브라우저에서 작동하는 모든 작업의 ​​중요성에 대해 이야기하고 플랫폼을 개방적으로 유지함으로써 결론을 내 렸습니다. "우리는 모두 함께 있습니다"라고 말했다.

쇼에서 나는 출판사를 위해 일했던 많은 개발자들과 이야기를 나누었으며, 대부분 AMP와 진보적 인 웹 페이지의 개념에 깊은 인상을 받았습니다. 일부는이 기능을 전용 애플리케이션을 구축하는 대안으로보고 이제는 알림 및 오프라인 컨텐츠와 같은 것을 처리 할 수있게되었습니다. 많은 사람들이 페이스 북의 인스턴트 아티클로 콘텐츠를 작동시키는 것이 AMP로 페이지를 작동 시키거나 진보적 인 웹 애플리케이션을 디자인하는 것보다 우선 순위가 높지만, 웹 앱을 만드는 거의 모든 사람들이 더 빠르고 반응 적으로 만드는 데 관심이있었습니다. 이러한 변화는 내년 정도에 걸쳐 수많은 사이트에 영향을 미칠 것으로 보입니다.