Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじりメモです。ここには有益な情報はありませんのでご理解ください。 実際に動いているものから見たAMP 見かけ上は画面が変わっていますが、ページが移動していないと考えると「早さの理由」が解るかと思います。 検索結果の表示 Googleの検索結果 Top Stories コンテンツ1コンテンツ2… 画像1 画像2 … サマリー1 サマリー2 … 検索結果 … Top Storiesのサマリー表示は、最初にロードされる。 コンテンツ(本文)はiframeに入っていて、出番が来るまでは非表示になっている。半分程度は読み込みを待機している。 ユーザーが操作をして画像やコンテンツが表示されるべき領域に近づくと追加で読み込まれる。 この辺りの挙動は、デベロッパツールで検索結果を表示させた後に帯域を絞ってやると分かりやすい。 Twitter等の専用ライブラリがある。 <script custom-elemen
