Progressive Web Apps(PWA)について知っておくべき4つの重要なポイント

PWA(プログレッシブWebアプリ)は、Webのテクノロジーシフトについて最も話題になっているものの1つであり、ITの世界の実践者の間で比類のない勢いを得ています。ウェブ向けに構築している場合、PWAは仕事の語彙に追加された最新の「流行語」であると確信しています。 PWAが電話にWebアプリをインストールするという夢のような夢を現実のものにしたため、驚くことではありません。

PWAとその利点の構築については、すでに多くのスポットライトと「ギークスピーク」があります。特に初心者にPWAを導入しようとする試みのほとんどは、専門用語に満ちているか、最初の一歩を踏み出すのを脅かすようなコードが多すぎるようです。この記事では、学習プロセスを開始するのに十分なPWAのスナップショットを提供しようとしています。

1.プログレッシブWebアプリとは何ですか?

「プログレッシブWebアプリ(PWA)は、新しいソフトウェア開発方法論を示すために使用される用語です。従来のアプリケーションとは異なり、プログレッシブWebアプリは、通常のWebページ(またはWebサイト)とモバイルアプリケーションのハイブリッドです。この新しいアプリケーションモデルは、最新のブラウザのほとんどが提供する機能とモバイルエクスペリエンスの利点を組み合わせようとしています。」

これはウィキペディアがPWAについて言っていることです。まあ、これは少し漠然としているか、議論を呼ぶかもしれません。それでは、非公式の方法でPWAを見てみましょう。

最高のウェブと最高のアプリにクローンの子がいた場合、それはPWAです。または、Webページがすべての「適切なビタミン」を取り込んで、App Store / Playストアからダウンロードされたアプリのように動作するようになるだけです。ブラウザの通常のWebページとして起動し、ユーザーがWebページを閲覧するときに、「ホーム画面に追加」したい場合にプロンプ​​トが表示されます。ユーザーがこのプロンプトに賛成したら、VOILA! PWAがホーム画面に追加されます。ホーム画面から開くと、ブラウザーのUIコントロールを非表示にして、アプリとして表示することもできます。

これは、Webアプリとモバイルアプリの間のスイートスポットにヒットした栄光のブックマークのようなものです。これは、PWAがWebのギャップを埋めることができたためです。 Webは常に、ネイティブアプリと同等の信頼できるパフォーマンスを求めて渇望しています。アプリのように、通知トレイとホーム画面の場所を常に待ち望んでいました。ユーザーの40%以上が、ロードに3秒以上かかるWebサイトからバウンスします。 PWAは、ユーザーが直面するこの「Web Obesity Epidemic」の解決策です。

摩擦を取り除き、ユーザーが望むものに簡単に到達できるようにすることがすべてです。

このシームレスなエクスペリエンスのすべてのクレジットは、すべてのPWAのバックボーンであるサービスワーカー(Webページとは別のバックグラウンドでブラウザーが実行されるスクリプト)に与えられる必要があります。サービスワーカーは、信頼できるインテリジェントなキャッシュ、バックグラウンドコンテンツの更新、プッシュ通知、および以前にアクセスしたサイトへの最も魅力的なオフライン機能を有効にします。これは、最初にウェブサイトにアクセスした後、不安定なネットワーク上でもサイトとアプリが確実に高速になることを意味します。

しかし、ここで疑問が生じる可能性があります。信頼性の高いパフォーマンスを備えた高速の最初のロードはどうでしょうか。そのとき、Accelerated Mobile Pages(AMP)がサービスワーカーに会います。 AMPは、最初のロードで確実に高速なWebコンポーネントを提供します。これらのコンポーネントは、ロードがはるかに高速で、データの消費が少なくなります。 AMPとService Workerの組み合わせを使用するWebサイトは、ネイティブアプリの時点で信頼できる速度を提供します。ページがロードされると、サイトがサービスワーカーとアセットをインテリジェントにキャッシュします。これにより、常にPWAが最新の状態に保たれるため、ユーザーはApp Storeから頻繁に更新されることから解放されます。

PWAの概要:

  • 信頼性:高速ロードとオフラインでの作業
  • 高速:スムーズなアニメーション、ぎざぎざのネットワーク上でもスムーズなスクロールとシームレスなナビゲーション
  • 魅力的:ホーム画面から起動し、プッシュ通知を受信できます

2.なぜそれが重要なのですか?

ユーザーが頻繁にアクセスするすべてのWebサイトのアプリを喜んでダウンロードするというのは神話です。 Comscore Mobile App Reportによると、アメリカのスマートフォンユーザーの50%以上が月にゼロアプリをダウンロードしています。つまり、電話がアプリでいっぱいになり、人々のスマートフォンの新婚旅行の段階が枯渇している時代は終わりました。アプリをダウンロードする各ステップは、ユーザーの20%を削減します。 PWAを使用すると、アプリの検出からホーム画面での取得までの手順が短縮されるため、アプリをインストールする手間が省けます。これは、企業がPWAを提案するための非常に肥沃な基盤を提供します。

次の3つの指標を強調して、将来のWebを形作る上でのPWAの重要性を理解することができます。

a。リーチ:モバイルWebのオーディエンスは、ここ数年で急成長しています。 Googleは、Chromeの2016年の4億人のユーザーに比べて10億人のモバイルユーザーがいることを報告しています。Comscoreのレポートによると、モバイルウェブのリーチはアプリの2.5倍です。これが、FlipkartやMyntraなどがウェブサイトを放棄して「アプリのみ」であるという決定が裏目に出た理由です。より多くの視聴者により良い体験を提供できれば、他の製品よりも確実に競争力を得ることができます。

b。獲得:モバイルアプリが直面するもう1つの深刻な懸念は、Webサイトと比較したユーザーの発見可能性です。 Webのユーザー獲得コストは、ネイティブアプリの10倍安くなります。より多くの露出とオンボーディングの低摩擦により、PWAはより少ない費用でより多くのユーザーを獲得する可能性があります。

c。変換:PWAが提供する不安定なネットワークであってもシームレスなエンドツーエンドのユーザーエクスペリエンスにより、成功した変換の数が向上します。 Flipkartは、PWAの「Flipkart-lite」を発売しました。これにより、より低い取得コストでコンバージョン率が70%向上したと主張しています。

要約すると、PWAは、低い獲得コストで潜在的なリーチを増やすことにより、コンバージョンの改善に役立ちます。

3.開始方法

新しいテクノロジーを理解したら、インラインの次の挑戦はそれを採用する決定です。ほとんどの人はこの時点でジレンマに陥ります。意思決定は、特定のビジネスニーズによって決定される必要があります。次の2つのケースは、PWAの実装に適した方法を識別するのに役立ちます。

a)グラウンドゼロから

会社が新しいWebサイトを構築しているとき、または再設計を行っているときのシナリオを検討してください。この場合、グラウンドゼロからPWAを構築することは理にかなっており、実行可能です。これには、AMP、サービスワーカー、アプリシェル、Webマニフェストを使用してPWAのパワーを活用するビジネスが含まれます。たとえば、Ali Expressによると、WebサイトをPWAとして刷新すると、新しいユーザーのコンバージョン率を104%増加させ、すべてのブラウザーでユーザーごとにセッションあたり2倍のページを訪問し、費やす時間を74%増加させました。すべてのブラウザにわたるセッションごと。

b)単純なバージョンまたは単一の機能

ゼロから構築することが現実的でない場合は、いつでもWebサイトの単純なバージョンを構築するか、エンドユーザーに大きな影響を与える単一の機能に集中することができます。焦点は、高速で魅力的で信頼性の高い体験を提供することです。この場合、AirBerlinが適切な例です。彼らは、PWAでの予約後のエクスペリエンスに焦点を合わせました。乗客がチェックインすると、インターネットに接続していなくても、旅の詳細と搭乗券にアクセスできます。

4. PWAの課題

PWAを選択する際に考慮しなければならないいくつかの課題があります。

a)クロスブラウザーのサポート:Chrome、Opera、SamsungのAndroidブラウザーはPWAをサポートしていますが、IE、Edge、Safariはまだサポートを拡張していません。

b)機能制限:PWAは、HTML5でサポートされていないハードウェアをサポートしていません

c)制限された正当性:PWAの中央ダウンロードストアがないため、通常はPlayストア/ App Storeのネイティブアプリによって提供される正当性と自信を与えることに欠けています。

d)クロスアプリケーションログインサポート:ネイティブアプリには、他のアプリと通信してログイン(Facebook、Twitter、Google)を認証する機能があります。 Webページとして、PWAにはインストールされている他のアプリと通信する機能がありません。

結論

PWAが将来的にネイティブアプリを殺すとは言えません。しかし、コミュニティではこのアプローチに対する関心が高まっています。 PWAはまだ初期段階にあり、多くの課題に対処する必要があります。しかし、彼らはウェブの仕組みに変化をもたらす可能性があります。

思考の糧

Henrik Joretegによれば、「PWAは、SteveがiPhoneを導入して以来、モバイルWebで発生する最大の問題です!」

議論の余地はありますか?物議を醸す?いい?

時間が飛ぶ前に考えてください!