Accelerated Mobile Linksを試してみる

Introducing Accelerated Mobile Links

マイブームのAMPネタ。AMPとはモバイルWebの爆速化プロジェクトですが、一応オープンソースプロジェクトということになってるが、いかんせんGoogleが主導しているわけで、Googleの検索結果ページから遷移するとそのメリットを最大限に享受できる。

これまではちょっと限定的な印象だったわけだが、今回CloudflareさんもAMPに対応したサービスを出したってもんだから、モバイルWeb全体のスピード貢献に期待できる。その名もAccelerated Mobile Links!!!

Cloudflareを利用しているサイト上で、AMP対応したURLがあると、Googleの検索結果ページ同様、先読み込みし、AMPビューワーでチョッパヤに表示してくれる代物。

たしか、このブログもSSL対応したときに、Cloudflareを利用した。というわけで、設定ページを見たら、あった!

ENABLE ACCELERATED MOBILE LINKSをONにしましょう。

これで対応OK!

さて、以下のリンクはAMP対応しているURLだ。

上記のリンクをモバイルデバイスで閲覧すると、先頭にAMPマークがついてるのが分かる。これをクリックするとGoogleの検索結果じゃないにもかかわらず、AMPビューワーが立ち上がる。

// リソースの読み込み先
https://www-mercariatte-com.amp.cloudflare.com/i/s/www.mercariatte.com/files/img/icon-app.svg

しかも、*.cdn.ampproject.orgじゃなくて、*.amp.cloudflare.comからリソースが配信されている。Cloudflareさん太っ腹じゃないか。

というわけで、すでにCloudflareを利用しているサイトなら、とりあえず Accelerated Mobile Linksを有効にしといて損はないんじゃないかな。

もっと、他のパートナーも加わってモバイルWeb全体が速くなりますように( ˘ω˘)スヤァ