AMPのメリットとレスポンシブウェブデザインとの違い
Webサイトの過去数年間の分析トラフィックを見てみると、モバイルデバイスのユーザーからの訪問者数が増加していることが、共通点として共通しています。
世界的には、モバイルデバイスからのウェブトラフィックは、デスクトップまたはラップトップコンピュータを基本的に意味する「従来のデバイス」と比べて多くなりました。 モバイルコンピューティングが人々のオンラインコンテンツの消費方法を変えたことは間違いありません。つまり、ますますモバイル中心の視聴者のためにウェブサイトを構築する必要があります。
モバイルユーザーのための建物
「モバイルフレンドリーなウェブサイト」を作成することは、長年にわたりウェブの専門家にとって最優先事項でした。 レスポンシブウェブデザインのようなプラクティスは、すべてのデバイスでうまく機能するサイトを作成することを目的としており、ウェブサイトのパフォーマンスと速いダウンロード時間に焦点を当てることで、すべてのユーザー、モバイルなどの利益を得ています。 モバイルフレンドリーサイトへのもう1つのアプローチは、AMP Web開発と呼ばれ、Accelerated Mobile Pagesの略です。
Googleが支援するこのプロジェクトは、ウェブサイト運営者がモバイルデバイスでより迅速に読み込むサイトを作成できるようにするためのオープンスタンダードとして作成されました。 それがレスポンシブなウェブデザインのように聞こえると思っているなら、間違っているわけではありません。 この2つのコンセプトは共通しています。つまり、モバイルデバイス上のユーザーにコンテンツを配信することに重点を置いています。 しかし、これら2つのアプローチにはいくつかの違いがあります。
AMPとレスポンシブなWebデザインの主な違い
レスポンシブルウェブデザインの強みの1つは、常にサイトに追加する柔軟性です。 ユーザーの画面サイズに自動的に応答するページを1つ作成できます。 これにより、携帯電話からタブレット、ラップトップ、デスクトップなど、幅広いデバイスや画面サイズにページをリーチし、良好なエクスペリエンスを提供できるようになります。 レスポンシブなWebデザインは、モバイルだけでなく、 すべてのデバイスとユーザーエクスペリエンスに焦点を当てています 。 それはいくつかの点で良いことであり、他の点では悪いことです。
サイトの柔軟性は優れていますが、本当にモバイルに焦点を当てたいのであれば、モバイルだけでなく、すべての画面に焦点を当てたサイトを作成することで、純粋に最適化されたモバイルパフォーマンスを柔軟に交換できます。 それがAMPの背後にある理論です。
AMPは純粋に速度、すなわち移動速度に集中している。 このプロジェクトのGoogle Tech LeadであるMalte Ublによると、AMPは「Webコンテンツにインスタントレンダリング」をもたらすことを目指しています。これにはいくつかの方法があります：
- レイジーローディング
- preconnectの使用
- リソースのプリフェッチ
- 非同期Javascript
- インラインスタイルシート
- ダウンロード可能なフォントはありません
- リソースの優先順位付け
これらは、AMPの読み込みを素早く行う主体の一部に過ぎません。 しかし、そのリストには、長年にわたるWebプロフェッショナルの悩みの種になるアイテムもあります。 たとえば、 インラインスタイルシート 。 私たちの多くは何年も前から、すべてのスタイルを外部スタイルシートに含めるべきだと言われてきました。 1つの外部シートからたくさんのサイトページをスタイルすることができることは、ページがインラインスタイルを代わりに使用する場合は無効になる、CSSの強みの1つです。 はい、外部ファイルをダウンロードする必要はありませんが、単一のスタイルシートでそのサイト全体を管理できるという代償を払ってください。 だから、どのアプローチが良いですか？ 現実には、彼らにはそれぞれ利点と欠点があります。 ウェブは絶えず変化しており、あなたのサイトを訪れる人々はそれぞれ異なるニーズを持っています。 さまざまな状況で異なるアプローチが意味を成すため、すべてのケースに適用されるルールを確立することは非常に困難です。 重要な点は、それぞれのアプローチの利点や欠点を評価して、どちらが最適かを判断することです。
AMPとRWDのもう一つの重要な違いは、レスポンシブデザインが既存のサイトに「追加」されることはめったにないということです。 RWDは実際にはサイトのアーキテクチャと経験を根本的に再考するため、一般的にサイトを再設計し、レスポンシブルスタイルに対応するために再開発する必要があります。 しかし、AMPは既存のサイトに追加することができます。 実際には、既存のレスポンスサイトに追加することもできます。
JavaScriptの考慮事項
RWDのあるサイトとは異なり、AMPサイトはJavascriptでうまく再生できません。 これには、今日のサイトで非常に人気の高いサードパーティのスクリプトとライブラリが含まれます。 これらのライブラリは、サイトに驚異的な機能を追加できますが、パフォーマンスにも影響します。 そのように、それは、ページ速度に集中したアプローチがJavascriptファイルを避ける理由を立てている。 このような理由から、AMPは、非常に動的なものや、特定の理由で特定のJavascriptエフェクトを必要とするものとは対照的に、静的なWebページで最もよく使用されることがよくあります。 たとえば、ライトボックススタイルの体験を利用するウェブサイトのギャラリーは、AMPの素晴らしい候補にはなりません。 一方、標準的なウェブサイトの記事やファンシーな機能を必要としないプレスリリースは、AMPで配信するのに最適なページになります。 そのページは、ソーシャルメディアやモバイルGoogle検索を介してリンクを見た可能性のあるモバイルデバイスを使用しているユーザーが読む可能性があります。 不要なJavascriptやその他のリソースが読み込まれている間にダウンロード速度を遅くするのではなく、リクエスト時にコンテンツを即座に配信できるため、優れた顧客体験が実現します。
適切なソリューションの選択
AMPかRWDのどちらが正しいでしょうか？ もちろん、あなたの特定のニーズにもよりますが、どちらかを選択する必要はありません。 我々がよりスマートな（そしてより成功した）オンライン戦略を望むなら、我々が自由に使えるツールをすべて検討し、どのように連携するかを学ぶ必要があることを意味します。 たぶんこれはあなたのサイトを反応的に配信することを意味しますが、その開発スタイルに最も適した選択されたセクションまたはページでAMPを使用することを意味します。 また、さまざまなアプローチの側面を取ってそれらを組み合わせて、非常に特定のニーズを満たし、両方の世界のベストをそのサイトの訪問者に提供するハイブリッドソリューションを作成することも意味します。