[B! AMP] ackintoshのブックマーク

ackintosh id:ackintosh

AMPに関するackintoshのブックマーク (2)

How AMP works
AMP の仕組み AMP ページが非常に高速で、瞬時に読み込まれるように見えるのは、次の最適化を組み合わせていることが理由です。理由は全部で7つだけですが、それでも読みきれない場合はこの説明動画をご覧ください。すべての AMP JavaScript を非同期に実行 JavaScript は強力で、ページのほぼすべての要素を変更することができますが、DOM の構築をブロックしたりページのレンダリングを遅延したりする場合もあります（「JavaScript を使用してインタラクティブにする」もご覧ください）。JavaScript によってページのレンダリングが遅延しないよう、AMP は非同期の JavaScript のみを許可しています。 AMP コンポーネントは内部的に JavaScript を使用している場合がありますが、パフォーマンスが低下しないように慎重に設計されています。独自の J
ackintosh 2018/03/19
AMP
リンク
AMP ざっくりまとめ - Qiita
AMPについて調べたのでざっくりまとめる。 AMPとは何か AMP（Accelerated Mobile Pages） Googleが中心となって立ち上げた、モバイルデバイスでのWebブラウジングを高速化することを目的としたオープンソースプロジェクト従来より用いられているHTMLなどのWeb技術を改良しているこういうの上のgifではGoogleで「渋谷うどん」で検索したのち、AMP対応している食べログのサイトを開いている。タップすると瞬時に食べログの詳細画面が表示されているのがわかると思う。 AMP対応しているサイトは、以下の画像のように検索結果のリストにAMPマークが表示されている。適しているサイトどんなページでも高速化するわけではなく、適したサイトが決まっている。以下、『Real World HTTP』の第8章より引用。 AMPは、あらゆるタイプの静的なウェブコンテン
ackintosh 2018/03/19
AMP
リンク
1