やっぱAMP化でしょと実装するまにまとめてみたい。
AMP 「AMP(Accelerated Mobile Pages)」という、Googleが推進しているモバイルページを高速に表示させるための手法によって作成されているコンテンツです。
高速に表示されるしくみ
- AMP HTML
- AMP JS
- AMP Cache
AMP HTML
読み込みが遅くなることは駄目という仕様AMP JS
非同期のJavaScriptのみ許容し カスタムJavascriptは使用できない。AMP Cashe
AMPページを配信する為のCDNによってキャシュtされる。AMP 記載の基本
AMP WEB コンポーネント フレームワーク よりSee the Pen KOMQRp by terreto (@terreto) on CodePen.
<head>コード内の読み込みものの決まり
<amp-geo layout="nodisplay"> の決まり
あといろいろと記載方法の決まりがあるということ
AMPテストツール
あならのAMPページは有効ですか?AMP テスト
Google提供のAMPテストツール
まとめ
AMP公式ドキュメント
AMP DEVAccelerated Mobile Pages Project – AMP(日本語版)
Accelerated Mobile Pages Project – AMP(英語版)