この記事の目次
AMPは、Accelerated Mobile Pagesの略であり、Webコンテンツを瞬間的に読み込んで表示するための手法です。
AMPはGoogleが推奨しており、AMP HTMLの仕様に沿ってWebページを作成して対応できます。
AMP化によって、サイトの読み込みスピードが上がるため、SEOにとっても良い効果をもたらします。
AMPは主に4つの主要素から構成されており、以下の通りとなっています。
・HTML5(AMP HTML)
・CSS 3(Custom Styling)
・JavaScript(AMS JS)
・グローバル プロキシ キャッシュ(AMP Cache)
AMP HTMLを使用して、モバイル対応しているサイトを作成すると、Googleの検索結果やTwitterからリンクを開く際の表示速度を上げることができます。
AMPプロジェクトでは、AMP対応のフレームワークをオープンソースとして無料で提供しているため、誰でも実装可能です。
AMPを導入することで、コンテンツの表示速度が上がりますが、なぜ上がるのか気になっている人は多いでしょう。
そこで、AMPを導入することで表示速度が上がる理由について解説します。
Webページへアクセスする際に、通常であれば、リンクをクリックした際にサーバー上にあるHTMLやCSS、画像ファイルの読み込みが始まります。
そして、読み込みが完了するとページが表示されるようになるため、ユーザーにとっては知りたい情報を得るまでに時間がかかってしまうという問題がありました。
しかしながら、AMP化されているWebページは元々GoogleやTwitter側のサーバーにキャッシュしているため、リンクをクリックした際にデータの読み込みが必要なく、用意されているキャッシュを表示させるため、高速で表示することができます。
AMPはコンテンツに表示する情報やJavaScriptなどのプログラムに制限をかけて、ページをシンプルな設計にすることで高速表示できるようになっています。
通常のHTMLでは使用することができるタグが、AMPでは使用できないことも多いため、ページを作成する際には、注意しましょう。
また、サイトに表示される画像のサイズを固定することでも表示速度を向上させることができるでしょう。
Web業界10年以上の知見を持って、無料にてご相談へ対応いたします。
情報収集目的でも歓迎です。お気軽にご連絡ください。