サイトをAMP化！通常ページとAMPページの表示スピード比較

AMPは、Googleが推進するモバイル端末（スマホ）用にウェッブページを瞬時に表示させるプロジェクトです。2016年の後半から、モバイル端末でのGoogle検索結果にAMPページが加えられて表示されるようになりました。

本サイトが使用するWordPress テーマ SimplicityはAMP機能を備えていることも特徴の一つです。

せっかくテーマで対応しているので本サイトをAMP対応にしたいと思っていました。しかし、サイトの整備や記事の更新など他の作業との関係もあったため、AMP化は後回しになっていました。サイトの整備もある程度、落ち着いてきたため、先週の木曜日26日に本サイトのAMP化を行いました。

SimplicityのAMP機能はベータ版として、オプションで用意されています。

通常ページとAMPページGTmetrixでの表示スピード比較

AMPの最大の特徴はページを高速で表示することです。サイトの装飾や機能を簡略化し、メインコンテンツを瞬時に表示させるコンセプトで設計されています。同じページの通常版とAMP版の表示パフォーマンスを、サイト表示スピードを測定するGTmetrixを使用して比較してみました。

上の画面左が通常のページ、右がAMPページの表示スピードパフォーマンスの測定結果です。PageSpeed Gradeは、通常ページがE(57%)に対して、AMPページはA(95%)と大幅に上昇しました。

特筆すべきは、両者のページロード・タイム（ページのコードを読み込むまでの時間）です。通常ページは、読み込むまでに12.9秒かかったのに対して、AMPでは1.6秒でした！

ウェッブ画面表示はページを読み込みながら表示されますが、全てのページ情報を表示する端末にロードするまでには時間がかかります。上の比較は、パソコンで表示されるページとの比較になります。

ページスピードの向上は収益アップに繋がる！

モバイル端末でページの読み込みに3秒以上かかると40%の人がサイトの閲覧を諦めて離脱すると言う市場調査が公表されています。この調査結果は、GoogleもAMPの説明や特徴の紹介記事などで引用しているものです。表示されるスピードは早ければ早いに越したことはありませんが、モバイルの場合2秒以内に表示されることが望ましいという見方が一般的です。

モバイルWebページの高速表示は収益アップに繋がる！？

百聞は一見にしかず: AMPの表示スピード

ベンチマークテスト（パフォーマンス評価テスト）と言うのは、計測方法と評価対象の相性などによってスコアが大きく変わる場合があります。例えば、GTmetrixでは高スコアでも、Google PageSpeed Insightsではそれほどでもないページもあります。

AMPの場合は、実際にページにアクセスしても、文字通り瞬時に表示されます。百聞は一見にしかずなので、是非、以下のページを表示してみて下さい。スマホでもパソコンでも、AMPページが表示されます。

AdSense ページ単位の広告の特徴、設置法と今後の展開 ([fa class=”fa-bolt”] AMP ページ）

上のページは、画像も多く、文字数も4000字を超えている比較的データ量の多いページです。（文字データは非常に小さいので、文字数（だけ）が多くてもそれ程データは大きくなりません）表示するのにある程度時間がかかっても仕方がないと思っていました。

しかし、AMPページは、瞬時に表示されます。広告の表示が少し遅れて表示される感じです。実際に表示して見た時、「これは早い！！」と思いました。

AMPページでは、一部のアクセサリーなどの表示機能は省かれています。メニューも表示されません。多少、寂しい感じもしますが、瞬時にページが表示され、メインコンテンツにすぐアクセスすることができることは、大きな利点だと思います。

ここで紹介しているのはサイトのAMPページのパフォーマンスです。AMPページは、Googleのキャッシュ上に置かれます。現時点でのほとんどのAMPページへのアクセスは、検索を経由するためGoogleのキャッシュ上のページになります。検索からアクセスするAMPページは、Googleのキャッシュメモリーからロード表示されるため、さらに早く（比較にならないほど早いです。本当に瞬時に）表示されます。