MIP加速原理


このドキュメントでは、MIP ページの高速化原理について詳しく説明します

慎重に設計された JavaScript

肥大化したクライアント スクリプトを削除するために、MIP ファイルでは、JavaScript に強く依存する一部の機能についてカスタム JavaScript を使用できません。広告、統計、およびインタラクションなど)、MIP は、実装用の MIP ランタイムと互換性のあるカプセル化されたコンポーネントを提供します。

JavaScript 引用原則:

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

  • 一部を導入するには mip-iframe を参照できます豊富なインタラクション機能を備えているため、パフォーマンスに最も影響を与える document.write を使用しても、メイン ページのレンダリングには影響しません。MIP コンポーネントはオープン ソースであるため、開発者は機能コンポーネントをカスタマイズでき、プロジェクトは継続されます。さまざまなニーズに適応するさまざまなコンポーネントを提供するため

  • すべての静的リソースは寸法でマークする必要があります

  • ページ開発中、特に広告を使用する場合や `document を呼び出して挿入する場合、リソースの幅と高さが設定されないことがよくあります。書く() 。リソース サイズを決定できないため、多くの場合、ページを繰り返し再描画する必要があります

MIP では、すべてのリソース (広告、画像、オーディオ、ビデオ) にサイズをマークする必要があります。リソースが実際に読み込まれると、すべてのリソース サイズがすぐに推測され、ページ レイアウトの計算にすぐに使用されます。ページ レイアウトが頻繁に更新されるため、ユーザーの読書体験に影響を与えることなく、読み込み中のリソースがシームレスに表示されます。

ページのレンダリングを防ぐメカニズムは許可されていません

開発者によるカスタム スクリプトは、mip-ad、mip-iframe などの MIP タグを使用して MIP にフィードバックする必要があります。これらのメソッドは、ページのレイアウトやレンダリングをブロックしません。ページ。

外部リソースの読み込みを制御

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

インタラクティブ機能のカプセル化

MIP は、Web ページがユーザーに直接的でシンプルなエクスペリエンスを提供できることを提唱していますが、これは MIP がページの活気や興味を制限するという意味ではありません。 MIP ランタイムは高度に最適化されたカプセル化された JavaScript を提供するため、開発者は複雑な対話型関数の実装に多大な労力を費やす必要がありません。

インライン CSS のみをロードできるようにします。これにより、ページのレンダリングが防止され、クライアントのオーバーヘッドが軽減されます。

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

MIP では、アニメーション効果を完成させるために使用できる変換と不透明度のみが許可されます。アニメーションが GPU で実行できる場合、レンダリング レイヤーの結合のみがトリガーされます。

MIP キャッシュ

MIP のもう 1 つの重要な意義は、Web マスターが Web ページを高速化できることです。Baidu は MIP Web ページを Baidu CDN にキャッシュします。 MIP キャッシュは、MIP 標準に準拠している限り使用できます。

オープンで継続的に更新

MIP はオープンソース プロジェクトであり、すべての標準は静的ではありません。今後も最適化を進めてまいりますので、皆様のご参加をお待ちしております。