Google AMPとBaiduのMIP知識普及

クズども · 掲載地 2018/07/07 9:47:36

まず、定義を見てみましょう。

Google AMP(Accelerated Mobile Pages)は、Googleが公開した静的コンテンツ向けに作られたウェブページの一種で、信頼性が高く高速なレンダリングを提供し、特にモバイルウェブ側のコンテンツを閲覧する際にページの読み込み時間を短縮します。

百度MIP(モバイルインスタントページ)は、モバイルウェブページ向けのオープンテクノロジー標準のセットです。モバイルウェブページのアクセラレーションは、MIP-HTML仕様、MIP-JS実行環境、MIP-Cacheページキャッシュシステムを提供することで実現されます。

この2つの定義は非常に似ているようで、1つはモバイルページの加速、もう1つはモバイルウェブアクセラレーションと呼ばれ、目的は同じで、モバイルウェブページの最適化です。なんてこった、そんなことはないだろう。もちろん同じものではありませんが、ラオタンザワークラウト麺とコング師匠の牛肉麺の違いに過ぎません。どちらもインスタントラーメンで、主な原料は同じで、レシピも少し違い、作り方も少し違い、そして最も重要なのはスポークスパーソンが違うことです。

モバイルウェブアクセラレーションは、オープンソース標準の策定、ページ仕様の策定、レンダリング速度の最適化によるユーザー体験向上によってGoogleによって最初に提案されました。Googleは検索エンジンでAMP基準を満たすページの重みを増やす予定です。 Baiduは「Googleに自分がいる」という原則を守り、AMPから完全に借用し、独自のウェブアクセラレーションオープンソース標準も提示しているため、MIPが誕生しました。

百度MIPはGoogle AMPと同じで、公式サイトのページレイアウト、メニュー配置、技術説明もほぼ同じです。目的(検索結果で非常に高速に動くページを返す)、原則(HTMLやCSSの簡素化、ほとんどのJSの無効化、リソース管理、キャッシュなど)、起動ステップ(ニュースから一般ページ)、そして元のページとMIPページ間の相互参照方法(タグの追加)がほぼ同じです。対応する検索エンジンに表示されるロゴもほぼ同一です。

ここで私は中国の人々がそこから学ぶ能力を称賛せざるを得ません。

ページ上最適化の原則

AMPもMIPも、ページレンダリングや遅延読み込みを最適化してブロッキングを減らすことで、基本的にページアクセラレーションを実現しています。当社のビジネス内の仕様と同様に、コードの品質やページパフォーマンスを向上させるための標準も用意している場合があります。ただ、この2つがSEO最適化をもたらすことができるのです。以下では、MIPを例に挙げて、彼女の加速度の原理を理解しましょう。

MIPは主に3つの部分に分かれています。

MIP HTML

MIP JS

MIPキャッシュ

MIP HTMLはHTMLの基本タグに基づく新しい仕様を作成し、一部の基本タグの使用制限や関数の拡張を通じてHTMLにより豊かなコンテンツを表示できるようにします。 MIP JSはMIP HTMLページの高速レンダリングを保証します。 MIPキャッシュはMIPページのキャッシュを実装するために使用され、ページ性能をさらに向上させます。

以下はMIPページの加速原理について説明します。

よく設計されたJavaScript

MIPはユーザーがJavaScriptをカスタマイズすることを許可せず、セキュリティとパフォーマンスを確保するためにMIPコンポーネントの形で導入する必要があります

すべての静的リソースは寸法設定が必要です

MIPはすべてのアセット(広告、画像、音声、動画)に寸法設定を求めています。リソースが実際に読み込まれると、すべてのリソースサイズを即座に推定し、ページレイアウトの計算に迅速に利用でき、ページのレイアウト更新が頻繁であるためにユーザーの読書体験に影響を及ぼすことなく、読み込みリソースがシームレスに提示されます。

ページレンダリングを妨げる仕組みは一切認められていません

開発者によるカスタムスクリプトは、mip-adやmip-iframeなどのMIPタグを使ってMIPにフィードバックし、ページのレイアウトやレンダリングを妨げません。

外部リソースの負荷制御

MIPランタイムは外部リソースの読み込みを制御し、その効率を確保し、ユーザーが読みたい内容をできるだけ早く画面に表示できるようにします。

インタラクティブ関数のカプセル化

MIPはウェブページがユーザーに直接的でシンプルな体験を提供できると主張していますが、それはページの鮮やかさや楽しさを制限するものではありません。 MIPランタイムは高度に最適化されたカプセル化されたJavaScriptを提供し、開発者が複雑なインタラクティブ関数の実装に過度な労力をかける必要を排除します。

インラインのCSSの使用が推奨されます

CSSの読み込みはページレンダリングを妨げ、CSSインラインはクライアントのオーバーヘッドを削減できます。

GPUアクセラレーションアニメーションのみが許可されています

MIPはトランスフォームと不透明度のみでアニメーションを行え、GPU上でアニメーションが実行できる場合にのみレンダリングレイヤーのマージをトリガーします。

MIPキャッシュ

MIPのもう一つの重要な意義は、ウェブマスターがウェブページを高速化するのに役立つ点であり、BaiduはMIPウェブページをBaidu CDNにキャッシュします。 MIPキャッシュはMIP標準を満たしていれば使用可能です。

これらはウェブプロジェクトの最適化によく使う手段に過ぎませんが、今やBaiduはオープンソース標準をクリアし、SEOの魅力と統一された仕様を実現しました。

Google AMPと百度MIPの見解

AMPとMIPが提供するモバイルウェブ最適化ソリューションは、ある程度ユーザー体験を向上させることができます。同時に、SEOとの連携により、多くの開発者の参加への関心も高まりました。しかし、比較的閉鎖的な環境のため、この標準セットは大規模なプロジェクトには適用できず、比較的単純なページ表示にのみ適用可能です。もちろん、これは当初の意図と一致しています。

AMPとMIPは異なる標準セットであり、Googleや百度の検索エンジンの最適化を支援するためには2セットのページを作成する必要があり、開発者の開発コストが増加します。

将来的には、両社の標準は統一される傾向があり、百度はAMP標準をサポートすると見込まれています。結局のところ、Googleはグローバルな視点で、百度は中国のユーザー数が多いからです。

MIPチュートリアル:https://www.mipengine.org/doc/00-mip-101.html
チュートリアル:https://www.ampproject.org/zh_cn/

[SEO] Google AMPとBaiduのMIP知識普及

関連記事

閲覧したセクション