Google AMP とは一体何ですか?

Google AMP とは一体何ですか?

Google AMP (Accelerated Mobile Pages) は、静的コンテンツの Web ページを構築するために Google が立ち上げた法人で、信頼性の高い高速レンダリングを提供し、ページの読み込み時間、特にモバイル Web でのコンテンツの表示時間を短縮します。

AMP HTML は、信頼性の高いパフォーマンスを提供するために HTML、CSS、JavaScript の一部を制限することにより、完全に既存の Web テクノロジーに基づいて構築されています。これらの制限は、AMP HTML バリデータを通じて適用されます。これらの制限を補うために、AMP HTML では、ベース HTML を超えてコンテンツを充実させる一連のカスタム要素が定義されています。

技術的な観点から見ると、AMP テクノロジーを使用した Web ページを非常に速く開くことができる理由は、主に、サードパーティのスクリプト ファイルなど、速度を低下させる可能性がある Web ページ コードのさまざまな部分が削除されているためです。 、一部の HTML タグ、広告トラッカーなど。

上記の Google AMP ダイナミック レンダリングのデモを通して、Baidu MIP をご存知であれば、多かれ少なかれ Google AMP について聞いたことがあるはずです。 AMP の国内版が完成し、国内の二大検索エンジンである Baidu と Sogou が Google AMP オープンソース プロジェクトに参加したことで、Google AMP も間もなく皆さんの視野に入ると思います。

AMP の目的

AMP の目的は、モバイル Web ページの読み込み速度を大幅に向上させ、訪問者のブラウジング エクスペリエンスをより快適なものにすることです。 Google の統計によると、モバイル端末上のページが 3 秒以内に読み込まれない場合、訪問者の 90% 以上が Web ページを閉じるか、他の Web ページにアクセスします。したがって、効率的なトラフィックを獲得するには、読み込み時間は非常に重要です。ただし、現在の Web ページ テクノロジでは、読み込みのゴールデン タイム ポイントである 3 秒に達することができません。Google のデータによると、現在のモバイル ページの平均読み込み時間は 8 秒です。これは、大多数の Web サイトで有効トラフィックの 90% 以上が失われたことを意味します。 。 AMP プロジェクトは、モバイル ページでほとんどのページをできるだけ速く読み込めるようにするために生まれました。

AMP プロジェクトはもともと Google によって開始されたものであることは言及に値しますが、すぐに多くの Web サイトからの反応を受け取り、徐々に自然検索に大きな影響を与える開発トレンドに発展しました。現在、ウォール ストリート ジャーナル、ニューヨーク タイムズ、BBC などの大手ニュース Web サイトは、モバイル Web ページを高速化するために AMP テクノロジーを使用し始めています。

AMPの動作原理

AMPの動作原理は次のように簡単に要約できます: コード負荷軽減+キャッシュプリロード

ウェブサイト側: ウェブサイトページのHTMLコードは完全に以下に従って記述されます。膨大なAMPのルール 冗長なコードの読み込み負担を軽減

ウェブサイト側: Google AMPのルールに従ってJSやCSSを呼び出し、コンポーネントの読み込み負担を軽減

Google側: ページ情報がAMP ルールに従って完全に記述されている場合は、それを Google DNS に送信します。Google DNS は、これらの AMP ページ情報を独自のキャッシュ サーバーにキャッシュします (注: これは Google 独自の DNS キャッシュ サーバーです)

クライアント: ユーザーが検索したとき検索エンジンの AMP ウェブページをクリックすると、Google はまず DNS キャッシュ サーバーにキャッシュされたデータを呼び出して訪問者に表示します。これにより、訪問者は見たい情報を初めて見ることができます

。

このようにして、AMP ページはページ全体の負荷とキャッシュを減らすことができます。プリロード方法により、モバイル ページの読み込み速度が大幅に向上しました。Google のデータによると、読み込み速度が 4 倍向上します。つまり、ページの読み込みには元々 8 秒かかりましたが、AMP の最適化後は読み込みに 2 秒しかかかりません。これは大きな進歩と言えるでしょう！

AMP の構成

AMP (高速モバイル ページ) は、コンテンツに関して 3 つの部分で構成されています:

AMP HTML
AMP JS
Google AMP Cache

AMP HTML

いわゆる AMP HTML は、実際には、HTML コードに対する Google の新しい使用仕様セットです。それらのほとんどは一般的な HTML タグの使用法を継承していますが、独自に考案された HTML タグの使用法もいくつかあります

AMP JS と AMP HTML は実際には同じ考え方を持ち、JS を標準化しています。 CSS の使用方法

Google AMP キャッシュ

これは技術者以外の人でも理解できます。

以上がGoogle AMP とは一体何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。