プログレッシブ ウェブ アプリ (PWA): 知っておくべきことすべて

スマートフォンは、さまざまなアプリケーションを使用するために設計されたデバイスです。によると フォレスターリサーチの、 私たちが携帯電話、85% を見るのに費やす合計時間は、アプリケーションで費やされます。 私たちはソーシャル ネットワーク、チャット、音楽プレーヤーなど、あらゆる種類のアプリを使用します。一般に、アプリケーションは十分に最適化されているため、優れたエクスペリエンスに必要な速度を満たすのに十分な効率性を備えていることがすでに証明されています。一方で、モバイル Web サイトはすでに驚くべきレベルの最適化に達しており、現在のデバイスの能力を考慮すると簡単にアクセスできるにもかかわらず、 まだ若干重いので、 通常のブラウザとの統合が不足している. Facebook や Google などの企業は、モバイル サイトでのこのパフォーマンスの問題に対処するための取り組みを準備し始めています。 Facebook インスタント記事 そして Google アクセラレーション モバイル ページ。ただし、より流動性を高めるこのような決定は問題を解決するものではなく、その結果、Web バージョンはコンテンツの点で階層化されたり、より制限されたりすることになります。解決策として、エクスペリエンスを最適化するためにネイティブ モバイル アプリケーションをダウンロードするオプションを提供する Web サイトが増えています。しかし、モバイル サイトがネイティブ アプリと同じ品質とパフォーマンスを備えていたらどうなるでしょうか?

プログレッシブ Web アプリ: ブラウザから直接ロードされるアプリ

プログレッシブ Web アプリ  またはPWAは サーバー上でホストされ、ブラウザからアクセスできるが、ネイティブ iOS または Android アプリケーションであるかのようにユーザーに表示される Web サイト、ほぼ同じ機能を提供しますが、リンクが 1 つだけ離れているため、ナビゲーションでのアクセスが容易になります。 PWA は任意の Chrome タブから起動され、ユーザーが目の前にあるビューのみを読み込み、ユーザーがそのビュー内を移動するにつれて徐々にダウンロードされ、使用するたびにダウンロードされることを避けるためにデータをデバイスのキャッシュに保存し、最終的には次のように機能します。携帯電話のメモリにすでに保存されているため、アプリとして流動的です。 Pの統合悪質な Web アプリ デバイスとブラウザによる受信は、彼らが認め始めているようなものです これまでネイティブアプリ専用だった機能 地理位置情報、通知、オフライン使用など。さらに、「アプリになるウェブ」というコンセプトにより、ウェブサイトのナビゲーションの高速化、仕様や画面サイズの異なる携帯電話に合わせたデザイン、さらにはホームページ上のショートカットも提供します。初めてアクセスすると、PWA は最新のブラウザーの機能を使用して、ネイティブ アプリケーションと同じくらい優れたユーザー エクスペリエンスを提供します。これらのアプリは、ネイティブ アプリ ラッパーでラップされた HTML5 を使用するものの、App Store 経由でインストールを保留するハイブリッド アプリケーションとは異なり、それに伴う長所と短所があることに注意してください。

Pの利点悪質な Web アプリ 

ユーザーにとっての PWA の利点

ユーザーにとっての主な利点は、アプリケーションをダウンロードする必要がないことです。 App Store にアクセスして、アプリがダウンロードされるのを待ってから開く必要はありません。

の技術的な利点 プログレッシブウェブアプリ

• は 応答性の高い、そのため、あらゆる解像度や画面形式に簡単に適応できます。
• ユーザーがオンライン中に以前にアプリケーションを使用したことがあれば、アプリケーションはオフラインでも動作します。
• すべてウェブ上で行われるため、ユーザーは時々「アプリケーションのアップデートをダウンロード」する必要はありません。次回ユーザーがアプリを開いたときには、新しいバージョンがすでに存在しています。
• アプリのコンテンツは侵入を防ぐために TLS で提供され、安全になっています。
• と互換性があります SEOベースの戦略、 そのため、すべての検索エンジンがアプリケーションのコンテンツを見つけることができます。
• プログレッシブ Web アプリが提供するもの プッシュ通知を送信できるようにする ユーザーに再訪を促します。
• これにより、ユーザーは、アプリであるかのように、ホーム画面から Web に直接アクセスできるようになります。
• 他の人にリンクを送信するだけなので、コンテンツを共有するのが簡単になります。

プログレッシブ Web アプリケーションの成功事例

Flipkart、eコマースベースのPWA

それは インド最大の電子商取引ストア。彼らは、オリジナル アプリの PWA バージョンである Flipkart Lite を構築し、その結果、販売コンバージョンが 70% 増加しました。さらに、Flipkart Lite アプリは他にも目覚ましい成功を収めました。

• ユーザーがサイトに費やす時間は最大 3 倍に増加
• 40% のさらなるエンゲージメント
• データ消費量は、完全な Web バージョンに必要な量のほぼ 3 分の 1 に削減されました。

ワシントン ポスト、AMP と PWA の組み合わせ

約 トラフィックのうち 55% はモバイル デバイスからのものですしたがって、モバイルデバイスでの読書体験を改善することは、長期的に参照媒体としての地位を維持したい場合の基本的なタスクとなるでしょう。これを達成するために、彼らは携帯電話でコンテンツをできるだけ早く読み込むと同時に、検索エンジンで記事のインデックスを作成するという目標を設定したため、ハイブリッド アプリのオプションは除外しました。プログレッシブ Web アプリのサムネイル、テキストの詳細、リンクなどの高度な機能に依存しているにもかかわらず、目標を達成し、データを改善しました。

• 23% ユーザー維持率の向上 7 日間のモバイル検索から
• 88% 従来のモバイル ウェブと比較して AMP コンテンツの読み込み時間が短縮されました
• ワシントン ポストが完全にブラウザー フレンドリーな形式で公開した 1,000 以上の記事

オリジナル コンテンツを制作している多くの企業にとって、これはリードを生み出し、新しい視聴者にリーチし、他の状況ではアプリケーションを使用しなかったが、シンプルなリンクのおかげでよりアクセスしやすいユーザーとのつながりを作り始める方法となり得ます。