AMPが当たり前の時代なのでWordPressのオリジナルテーマをAMP対応させてみた | WebNAUT by Beeworks
※この記事は2017年1月16日に執筆された記事です。現在は仕様が異なる可能性があります。 技術の移り変わりの早さに翻弄されているエンジニアの皆さんこんにちは！ 先日のWebNAUTリニューアルの目玉のひとつとして「AMP対応」というものがありましたが、今回はそれを例に、「WordPressのオリジナルテーマを、プラグインをうまいこと使ってAMP対応させてみよう」というテーマで記事を書いてみました。 AMPとは？ AMP（Accelerated Mobile Page）とは、GoogleなどのCDNにページの情報がキャッシュとして保持され、検索からのページ訪問の際にびっくりするほど表示が早くなるという夢のような技術です。 下の画像のように、検索結果ページのディスクリプション領域に、「⚡️AMP」の表記があるのがAMPページです。最近よく見るようになりましたね。 AMP対応させるには、通常の
Google Drive: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
AMPのドキュメントを読んだのでざっくりまとめる - razokulover publog
Accelerated Mobile Pages(AMP)の導入ガイド日本語版が公開され、いよいよAMPが動き出しそうなのでAMPのドキュメントを読んでみた。 AMPとは Googleが絶賛推進中のモバイルウェブ環境をより使いやすくするためオープンな仕組み。 AMP対応するとモバイルウェブでのユーザー体験向上する他にGoogleの検索結果の上部にAMP別枠として表示されるというメリットがある。 TwitterやPinterestなどでも公式対応するらしい。wordpressなど有名CMSは対応するって発表してる。 なぜ速いか 基本方針は、「レンダリングをブロックするHTTPリクエストはゼロを目指すこと」と「省エネレンダリング」。 非同期JSしか使わない すべてのリソースのサイズを直指定 instaとかtwitterでブロックさせない(amp-iframe) iframeでのみ外部JSを利用
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
http://www.webtoolnavi.com/wordpress-amp/
