AMPは、GoogleがTwitterと共同で開発したオープンソースのフレームワークです。
AMP ( Accelerated Mobile Pages )は、モバイルウェブ上でより良い、高速な体験を実現する為の技術です。
その中核となるフレームワークでは、HTML を簡素化し、合理化された CSS ルールに従うことで、モバイル向けの軽量な体験を構築することができます。
AMPの仕組み
Java Script
モバイルプラットフォーム上でのページロードを高速化するために、AMPではあらゆるJavascriptの使用を制限しています。唯一の例外は、ページロードの高速化を念頭に置いて最適化されたAMPスクリプトです。AMPがJSで取り上げるものは、実装しやすいコンポーネントのライブラリを提供しています。AMP の膨大なコンポーネント ライブラリを使用して、アニメーションの作成、コンテンツの動的ロード、レイアウトの変更などを行うことができます。(GDPR準拠のためのAMPコンポーネントもあります)
HTML
AMP HTML は、通常の HTML をスリム化したバージョンとなります。AMP フレームワークには、使用できる HTML タグに厳格なルールがあり、ページの読み込みを高速にするためにフォームのような特定の HTML 要素は AMP では許可されていないのが得直です。
AMP フレームワークでは、CSS のスリム化バージョンを使用することも要求されAMP フレームワークに必要な HTML タグのリストがあります。最新の HTML と CSS を使用してウェブコンテンツを構築することに慣れているのであれば、どれも目新しい技術を使用して構築する必要はありません。
CDN
一般的にAMP Cacheとして知られているAMPプラットフォームの重要なコンポーネントは、プロキシベースのコンテンツ配信ネットワーク(CDN)です。CDN は AMP コンテンツをフェッチしてキャッシュし、高速配信を実現します。
デフォルトでは、AMP CDN はすべての有効な AMP コンテンツをキャッシュし、オプトアウトするオプションを提供していませんがAMP キャッシュの上に独自の CDN プロバイダーを引き続き活用して、コンテンツ配信設定をカスタマイズすることができます。