テレットブログ

【AMP】 サイトをAMP化するぞ。しかしそもそもAMP化とは。

2019年07月04日
image
 サイトをAMP化してみようとサイトを巡回
やっぱAMP化でしょと実装するまにまとめてみたい。

AMP 「AMP(Accelerated Mobile Pages)」という、Googleが推進しているモバイルページを高速に表示させるための手法によって作成されているコンテンツです。
 

高速に表示されるしくみ

  • AMP HTML
  • AMP JS
  • AMP Cache
と3つから構成されているという事。


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 DEV
 

Accelerated Mobile Pages Project – AMP(日本語版)

AMP Project Github

Accelerated Mobile Pages Project – AMP(英語版)




新着記事

image

CodeIgniter3でリダイレクトでセッション消える

2020年10月28日
テストサーバ(http)にて確認していると 管理画面ではセッションが空に!
Read more →
image

防衛省、サイバーセキュリティ担当の防衛技官を募集中月給30万円

2020年10月16日
 防衛省が、サイバーセキュリティに従事する防衛技官を募っている。自衛隊のシステム
Read more →
image

Amazon Echo Auto アマゾンエコーオート 開封&利用一週間レビュー

2020年10月08日
早速アマゾン・エコーオートを購入して車に取り付けて利用してみました! 報道
Read more →
image

【Amazon】アマゾン 年に1度のプライムデー開催情報

2020年10月06日
Amazon プライムデーが開催されます Amazonプライムデー
Read more →
image

Amazonの車載デバイス「Echo Auto」が発売!

2020年10月01日
「OK Google」「Hi Siri」「Hi Mercedes」といった音声に
Read more →
Choose Colour