MIPとは
MIP (Mobile Instant Pages - Mobile Web Accelerator) は、モバイル Web ページに適用される一連のオープン技術標準です。 MIP-HTML 仕様、MIP-JS オペレーティング環境、MIP-Cache ページ キャッシュ システムを提供することにより、モバイル Web ページが高速化されます。
MIP は主に 3 つの部分で構成されます:
- MIP HTML
- MIP JS
- MIP Cache
MIP HTML は、HTML の基本的なタグに基づいて、いくつかの基本的なタグの使用制限や機能を通じて、新しい仕様を策定しました。タグ拡張機能を使用すると、HTML でよりリッチなコンテンツを表示できるようになり、MIP JS を使用すると MIP HTML ページを高速にレンダリングできるようになり、MIP キャッシュを使用して MIP ページをキャッシュできるようになり、ページのパフォーマンスがさらに向上します。
1. MIP HTML
MIP HTML は、基本的な HTML 仕様に基づいて拡張されています。以下は、単純な MIP HTML コードの例です:
<!DOCTYPE html>
<html mip>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
<link rel="canonical" href="https://www.mipengine.org/">
<!-- noscript 标签是为了在不支持script的环境下快速的展现 mip 页面，推荐使用 -->
<noscript>
<style mip-officialrelease>
body {
-webkit-animation:none;
-moz-animation:none;
-ms-animation:none;
animation:none
}
</style>
</noscript>
</head>
<body>Hello World!</body>
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
</html>MIP HTML 仕様には 2 種類のタグがあり、1 つは HTML の通常のものです。タグ、もう 1 つは MIP タグです。 MIP タグは MIP HTML コンポーネントとも呼ばれます。通常の HTML タグの代わりに使用すると、ページのパフォーマンスが大幅に向上します。
たとえば、mip-img タグを使用すると、必要な場合にのみ画像をロードできるため、ページのレンダリング時間が短縮され、ユーザー トラフィックが節約されます。
詳細については、
2. MIP JS
MIP JS は、リソースの読み込みを管理するために使用され、上記の MIP タグの使用をサポートします。これにより、ページの高速レンダリングが保証され、ページのあらゆる側面のパフォーマンスが向上します。
MIP JS 最も重要な利点は、すべての外部リソースを非同期で読み込むことができ、ページのレンダリング プロセス全体がページ内の特定の要素によってブロックされないため、ページのレンダリング速度が向上することです。
さらに、MIP JS は、すべての iframe のサンドボックス化、リソースが読み込まれる前にページ要素のレイアウトを事前に計算する、遅い CSS セレクターを無効にするなどの技術的機能もカバーしています。
3. MIP キャッシュ
MIP キャッシュ は、Baidu 関連ページによって参照されるか、Baidu 関連サービスからクリックされるすべての MIP ページをキャッシュするために使用できる、プロキシベースの CDN (コンテンツ配信ネットワーク) キャッシュ システムです。ユーザーが MIP ページにアクセスすると、ページが存在する場合は最初にリクエストが CDN サーバーに送信され、CDN 上にページが存在しない場合はサードパーティ サーバーがリクエストされます。 。同時に、MIP キャッシュ サーバーは CDN 上のページをキャッシュします。 MIP キャッシュを使用すると、MIP ページに必要なすべての静的ファイルと外部リソース (ビデオを除く) が CDN にキャッシュされ、ページ内のリソース リンクが相対アドレスに変換されるため、ページのレンダリング速度が大幅に向上します。各 MIP ページは検証システムにバインドされ、ページがレンダリングされると、この検証ツールはブラウザー コンソールにページ エラーを直接出力し、コード ロジックが変更されると、ページのパフォーマンスとユーザー エクスペリエンスへの影響を実証できます。
詳細については、MIP キャッシュ仕様
