PWA (Progressive Web Apps)에 대해 알아야 할 4 가지 중요한 사항

PWA (Progressive Web Apps)는 웹의 기술 변화에 대해 가장 많이 이야기되는 IT 중 하나이며 IT 업계의 실무자 사이에서 비교할 수없는 추진력을 얻었습니다. 웹용으로 제작하는 경우 PWA가 업무용 어휘에 추가 된 최신 '버즈 워드'라고 확신합니다. PWA가 휴대 전화에 웹 앱을 실제로 설치하려는 꿈을 꾸었 기 때문에 놀라운 것은 아닙니다.

PWA 구축과 그 장점에 대해서는 이미 많은 주목과 'geek 소리'가있었습니다. 특히 초보자에게 PWA를 도입하려는 대부분의 시도는 전문 용어로 가득 차 있거나 코드가 너무 많아 첫 번째 단계를 수행하도록 위협 할 수 있습니다. 이 기사에서는 학습 과정을 시작하기에 충분한 PWA 스냅 샷을 제공하려고합니다.

1. 프로그레시브 웹 앱이란 무엇입니까?

“PWA (Progressive Web App)는 새로운 소프트웨어 개발 방법론을 나타내는 데 사용되는 용어입니다. 기존의 응용 프로그램과 달리 진보적 인 웹 응용 프로그램은 일반 웹 페이지 (또는 웹 사이트)와 모바일 응용 프로그램이 혼합되어 있습니다. 이 새로운 응용 프로그램 모델은 대부분의 최신 브라우저에서 제공하는 기능과 모바일 환경의 이점을 결합하려고합니다.”

이것이 위키 백과가 PWA에 대해 말하는 것입니다. 글쎄, 이것은 약간 모호하거나 심지어 논쟁적인 것처럼 보일 수 있습니다. PWA를 비공식적으로 살펴 보겠습니다.

최고의 웹과 최고의 앱에 복제 자식이있는 경우 PWA입니다. 또는 웹 페이지가 모든 '올바른 비타민'을 섭취하여 App Store / Play Store에서 다운로드 한 앱처럼 동작 할 수 있습니다. 브라우저에서 일반 웹 페이지로 시작하고 사용자가 웹 페이지를 탐색 할 때“홈 화면에 추가”를 원하는지 묻는 메시지가 표시됩니다. 사용자가이 프롬프트에 엄지 손가락을 올리면 VOILA! PWA가 홈 화면에 추가됩니다. 홈 화면에서 열면 브라우저 UI 컨트롤을 숨기고 앱으로 표시 할 수도 있습니다.

이것은 웹과 모바일 앱 사이의 달콤한 자리를 차지한 영광스러운 북마크와 비슷합니다. PWA가 웹의 격차를 해소했기 때문에 나는 이것을 말합니다. 웹은 항상 기본 앱과 동등한 안정적인 성능을 위해 목 마르고있었습니다. 항상 알림 트레이와 홈 화면에서 앱처럼 장소를 열망하고 있습니다. 사용자의 40 % 이상이로드하는 데 3 초 이상 걸리는 웹 사이트에서 이탈합니다. PWA는 사용자가 직면 한이 "웹 비만 전염병"에 대한 솔루션입니다.

마찰을 제거하고 사용자가 원하는 것을 쉽게 얻을 수 있도록하는 것이 전부입니다.

이러한 원활한 경험에 대한 전체 크레딧은 모든 PWA의 중추 인 서비스 워커 (브라우저가 웹 페이지와 별도로 백그라운드에서 실행되는 스크립트)에 제공되어야합니다. 서비스 워커는 신뢰할 수 있고 지능적인 캐싱, 백그라운드 컨텐츠 업데이트, 푸시 알림 및 가장 방문한 사이트에 가장 매력적인 오프라인 기능을 제공합니다. 즉, 웹 사이트를 처음 방문한 후에도 비정상적인 네트워크에서도 사이트와 앱이 안정적으로 빨라집니다.

그러나 여기에 의문이 생길 수 있습니다. 안정적인 성능을 갖춘 첫 번째 빠른로드는 어떻습니까? AMP (Accelerated Mobile Pages)가 서비스 워커를 만날 때입니다. AMP는 첫 번째로드에 안정적으로 빠른 웹 구성 요소를 제공합니다. 이러한 구성 요소는로드 속도가 훨씬 빠르며 배고픈 데이터는 줄어 듭니다. AMP와 Service Worker의 콤보를 사용하는 웹 사이트는 기본 앱과 같은 안정적인 속도를 제공합니다. 페이지가로드되면 사이트 설정이 완료되고 서비스 워커와 자산이 지능적으로 캐시됩니다. 이렇게하면 항상 PWA가 최신 상태로 유지되므로 사용자가 App Store에서 자주 업데이트 할 필요가 없습니다.

간단히 말해서 PWA :

  • 신뢰성 : 빠른 로딩 및 오프라인 작동
  • 빠른 : 부드러운 애니메이션, 잔잔한 스크롤 및 거친 네트워크에서도 원활한 탐색
  • 참여 : 홈 화면에서 시작하여 푸시 알림을받을 수 있습니다

2. 왜 중요한가?

사용자가 자주 방문하는 모든 웹 사이트의 앱을 행복하게 다운로드한다는 것은 신화입니다. Comscore Mobile App Report에 따르면 미국 스마트 폰 사용자의 50 % 이상이 한 달에 Zero Apps를 다운로드한다고합니다. 즉, 휴대 전화에 앱이 가득 차고 사람들의 스마트 폰 신혼 여행 단계가 고갈 된 시대는 지났습니다. 앱을 다운로드하는 각 단계는 사용자의 20 %를 줄입니다. PWA는 앱 검색과 홈 화면에 표시하는 단계를 줄여서 앱 설치시 발생하는 마찰을 제거합니다. 이는 기업이 PWA에 참여할 수있는 비옥 한 토대를 제공합니다.

미래 웹을 성형하는 데 PWA의 중요성을 이해하기 위해 다음 3 가지 메트릭을 강조 할 수 있습니다.

에이. 도달 범위 : 지난 몇 년 동안 모바일 웹 잠재 고객이 급격히 증가했습니다. 구글은 크롬이 2016 년 4 억 명의 사용자에 비해 10 억 명의 모바일 사용자를 보유하고 있다고 보도했다. Comscore의 보고서에 따르면 모바일 웹의 도달 범위는 앱보다 2.5 배나 더 많으며, 상위 1000 개의 사이트와 앱을 고려하고있다. 이것이 Flipkart, Myntra 등이 웹 사이트를 포기하고 '앱만'을 역동적으로 결정한 이유입니다. 더 많은 사람들에게 더 나은 경험을 제공 할 수 있다면 다른 사람들보다 경쟁력을 확보 할 수있을 것입니다.

비. 획득 : 모바일 앱이 직면 한 또 다른 심각한 문제는 웹 사이트와 비교 한 사용자 검색 가능성입니다. 웹의 사용자 확보 비용은 기본 앱보다 10 배 저렴합니다. 온 보딩에 대한 노출이 많고 마찰이 적어 PWA는 훨씬 적은 비용으로 더 많은 사용자를 확보 할 수 있습니다.

기음. 전환 : PWA가 제공하는 비정상적인 네트워크에서도 완벽한 엔드 투 엔드 사용자 경험으로 성공적인 전환 횟수를 개선합니다. Flipkart는 PWA 'Flipkart-lite'를 출시했습니다.이 인수는 낮은 취득 비용으로 전환율이 70 % 증가했다고 주장합니다.

요약 : PWA는 낮은 획득 비용으로 잠재적 인 도달 범위를 증가시켜 전환율을 향상시킵니다.

3. 시작하는 방법?

새로운 기술을 알게되면, 다음 단계의 과제는 기술을 채택하기로 결정하는 것입니다. 이 시점에서 대부분의 사람들은 딜레마에 빠지게됩니다. 의사 결정은 특정 비즈니스 요구에 따라 이루어져야합니다. 다음 두 가지 경우에 PWA 구현에 적합한 방법을 식별하는 데 도움이 될 수 있습니다.

a) 그라운드 제로에서

회사가 새 웹 사이트를 구축하거나 재 설계를 진행할 때의 시나리오를 고려하십시오. 이 경우 그라운드 제로에서 PWA를 구축하는 것이 의미가 있으며 실현 가능합니다. 이를 통해 AMP, 서비스 워커, 앱 셸 및 웹 매니페스트를 통해 PWA의 기능을 활용할 수 있습니다. 예를 들어 Ali Express에 따르면 PWA로 웹 사이트를 수정 한 후 신규 사용자의 전환율을 104 %까지 높일 수 있었고 모든 브라우저에서 사용자 당 세션 당 2 배 더 많은 페이지를 방문했으며 소비 시간이 74 % 증가했습니다. 모든 브라우저에서 세션 당.

b) 간단한 버전 또는 단일 기능

처음부터 구축하는 것이 현실적이지 않은 경우 항상 간단한 버전의 웹 사이트를 구축하거나 최종 사용자에게 큰 영향을주는 단일 기능에 집중할 수 있습니다. 초점은 빠르고 매력적이고 안정적인 경험을 제공하는 것입니다. 이 경우 AirBerlin이 적절한 예입니다. 그들은 PWA에서의 예약 후 경험에 중점을 두었습니다. 승객이 체크인 한 후에는 인터넷 연결 없이도 여행 정보 및 탑승권에 액세스 할 수 있습니다.

4. PWA의 도전

PWA에는 선택하는 동안 고려해야 할 몇 가지 문제가 있습니다.

a) 크로스 브라우저 지원 : Chrome, Opera 및 Samsung의 Android 브라우저는 PWA, IE, Edge 및 Safari를 지원하지만 아직 지원을 확장하지 않습니다.

b) 기능 제한 : PWA는 HTML5에서 지원하지 않는 하드웨어를 지원하지 않습니다

c) 합법성 제한 : PWA 용 중앙 다운로드 스토어가 없기 때문에 일반적으로 Play Store / App Store의 기본 앱에서 제공하는 합법성과 자신감이 부족합니다.

d) 교차 애플리케이션 로그인 지원 : 기본 앱은 다른 앱과 대화하고 로그인을 인증 할 수 있습니다 (Facebook, Twitter, Google). 웹 페이지로서 PWA에는 설치된 다른 앱과 통신 할 수있는 기능이 없습니다.

결론

향후 PWA가 Native Apps를 중단 할 것이라고는 말할 수 없습니다. 그러나 여전히 지역 사회 에서이 접근법에 대한 관심이 커지고 있습니다. PWA는 아직 해결해야 할 과제가 많기 때문에 아직 초기 단계에 있습니다. 그러나 웹 작동 방식에 변화를 가져올 가능성이 있습니다.

생각할 거리

Henrik Joreteg에 따르면“PWA는 Steve가 iPhone을 출시 한 이후 모바일 웹에서 가장 큰 일입니다!”

논쟁의 여지가 있습니까? 논쟁의 여지가 있습니까? 기분 좋은?

시간이 오기 전에 생각하십시오!