I / O：モバイルWebの高速化

先週のGoogle IOカンファレンスで、私が最もおもしろいと思ったものの1つは、Webサイト、特にモバイルWebで現在利用可能な改善です。

Googleのニュースおよびソーシャル製品のシニアディレクターであるリチャードギンラスは、同社が「パブリッシャーとの共生関係」をどのように持っているか、そしてGoogleとパブリッシャーが「メディア配信のための豊かでオープンなエコシステムを望んでいる」ことについて話しました。

検索は、サイト運営者にとって重要なトラフィックのソースです。 彼は、ユーザーがGoogleを1年に何兆回も検索し、デスクトップよりもモバイルで検索する回数が多いことに注目しました。 モバイルは異なり、平均的な人は1日に150回携帯電話をチェックし、毎日デバイスで177分を費やしています。 その結果、Googleは、Google Nowカード、サイトがモバイルフレンドリーかどうかを考慮したランキングシステム、モバイルWebでの検索をより便利にするツールや機能など、モバイルワールドの検索を再構築する必要がありました。

これらの取り組みの中で最も重要なのは、HTML5、CSS3、およびJavaScriptへの変更を伴う「アクセラレーテッドモバイルページ」（AMP）であり、検索エンジンからのページの読み込み速度を高速化します。 Gingrasは、視聴者の40％が読み込みに3秒以上かかるサイトを放棄していると指摘しました。 これまで、AMPページには640, 000以上のドメインからの1億2, 500万のドキュメントが含まれています。

これに基づいて、彼は、画像のように左右にスクロールできるコンテンツを備えたAMP「カルーセル」の作成について話しました。 これは最初にレシピで起動されますが、他のカテゴリに展開されます。 このように、検索結果は標準のリストから「リッチスニペット」（ページの画像やその他の部分を含む）、新しいリッチカードに移行し、より視覚的になりました。 例については、上部の画像を参照してください。

他の新機能にはリアルタイムインデックス作成が含まれているため、サイト運営者はGoogleがサイトのインデックスを作成するのを待つ必要はなく、新しいAPIを使用してストーリーのインデックスを作成できます。 これはちょうどパイロット版になりそうで、来年中により多くの出版社に展開されます。 Gingrasはまた、Google Search Consoleをプッシュしました。これは、パブリッシャーが検索プレゼンスを最適化できるように設計されていると彼は言いました。

GoogleのRahul Roy-Chowdhuryは、モバイルWebの「組合の状態」に関する講演で、Webがどのようにオープンで分散化されているか、そしてすべてのプラットフォームで実行されるため、コンテンツの発見と幅広いリーチを可能にすることについて話しました。 彼は、Googleがわずか4年前にモバイルにChromeを導入したが、今では月間10億人以上のモバイルユーザーを抱えていると述べた。

彼は、すばやくロードしてスクロールするページの重要性と、すぐに表示される最初のコンテンツに焦点を当てるAMPの重要性について話しました。 彼は主にプログレッシブWebアプリに焦点を当てました。Webアプリの一部のみがブラウザーにロードされるため、より高速にロードされ、より多くの機能を備えています。

ワシントン・ポストの デイビッド・メレルは、これがどのように機能するかを示しました。 AMPを使用すると、Chrome内でページをすばやく読み込むことができますが、プログレッシブWebアプリを使用すると、モバイル用に設計された形式でサイト全体をすばやく取得できます。 これは現在公開テスト中です（iOSとAndroidのSafariで動作するようです）。 私が見たものから、それは大きな速度改善です。

Roy-Chowdhury氏によると、eコマースの66％はモバイルWebで発生しますが、モバイルでのコンバージョンはデスクトップよりも66％低い割合で発生します。小さなタッチスクリーンキーボードを備えた小さな画面ではトランザクションを完了することが難しいためです。 この問題を解決するために、彼は、デバイス間およびアプリ間のサインインを可能にする新しい資格情報マネージャーAPIと、クレジットカードまたはAndroid Payを使用するWebアプリ内でワンタップ支払いを可能にする新しいWeb支払いAPIを披露しました。

もう1つの新機能は、ネイティブアプリケーションだけでなく、Webアプリケーションからの通知を有効にすることです。 新機能により、モバイルへのプッシュ通知が可能になり、コンテンツをオフラインで保存できます。 一例として、エアベルリンは、搭乗券をオフラインで保存したサイトを公開しました。

Roy-Chowdhuryは、すべてのプラットフォーム上の任意のブラウザーでこれらのすべてが機能し、プラットフォームを開いたままにすることの重要性について話し合って結論を出しました。 「私たちは皆、これに一緒にいます」と彼は言いました。

ショーの間、私は出版社のために働いた多くの開発者と話をし、ほとんどはAMPとプログレッシブWebページの概念に感銘を受けました。 通知やオフラインコンテンツなどを処理できるようになったため、専用のアプリケーションを構築する代わりとしてそれを見る人もいました。 Facebookのインスタント記事でコンテンツを機能させることは、AMPでページを機能させることやプログレッシブWebアプリケーションを設計することよりも優先順位が高いと多くの人が言いましたが、Webアプリを作成するほとんどすべての人が、より高速で応答性を向上させることに関心がありました。 これらの変更は、来年かそこらで膨大な数のサイトに影響を与える可能性があります。