俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件

公開日: : 最終更新日:2016/04/16 GoogleAPI, WPプラグイン, ワードプレス

くつキッチュ!アイコン wordpress

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件 AMPページサンプルAMPページサンプル

登場人物:icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン 同サイト内、About &管理人へリンクします♪くつきちよこ ※管理人   icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン ゲストS.S改め「佐藤」へリンクします♪佐藤 ※ゲスト

本日は、サイトのモバイル表示が爆速になるとのウワサの、『GoogleのモバイルWeb高速化プロジェクト「AMP(アンプ)」』の導入メモです。

 

AMPとは?

 

AMPとは、今年初めにGoogleが公開した、GoogleのモバイルWeb高速化プロジェクトの事です。

導入するとサイトのモバイルページを生成してくれて、なおかつ爆速になるとのウワサが……。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 人任せな詳細(*´▽)つ↓

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 要はモバイルサイトが、「グーグル先生お墨付きの技術で爆速になるよ」ってこと?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 そんな感じです。

サンプルはこちら↓※クリックでAMPページヘ移動します。

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件 AMPページサンプル

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 シンプル!

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 その代わり、スマホでの表示は一瞬でした。

PageSpeed Insights でも、計測してみましたよ。

「http://92kitsch.com/tools/manga-haikei/amp/」

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、エラーが出たので対処してみた件 「PageSpeed Insights」にて、AMP導入後の爆速さ!!!

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 あれ?黄色いけど、これって早くなったの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 なりましたよ。その証拠にAMPじゃない方の結果出しますね。「http://92kitsch.com/tools/manga-haikei/」

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、エラーが出たので対処してみた件 「PageSpeed Insights」にて、AMP以前の問題が発覚!

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 爆速!! でもこれって、AMP以前の問題が浮上してないっ?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ですね、これはまずいです;

以前、出来る限りの対処(.thaccessでブラウザのキャッシュを設定するなど)したのですが、うーん;;

といっても、これはAMPとは別の問題ですので、今回は置いておきます。

(このサイトごとサーバー引っ越せばなんとかなるかもしれませんし)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 (びっくりしたわ)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 (いやー、くつきもびっくりしました;)

 

AMPの導入方法

というわけで、爆速が証明されたAMP導入ですが、Google公式のAMP導入ガイドがこちら

など。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 これを参考に導入したの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 スミマセン、くつきが導入した方法は、WordPressプラグイン「AMP」です。

HTMLいじっているヒマがなかったのと、ちょっと自信なかったのとで;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 プラグインならカンタン?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 カンタンですね。

WordPressプラグイン「AMP」をインストール

有効化

設定より、パーマリンク設定へ

特に設定を変更せず、[変更を保存]をクリック

以上で、完了!

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 設定いらずかあ、いいね。

 

まとめ

AMP導入するとモバイルが爆速になるというウワサは本当らしい。

WordPressプラグイン「AMP」なら、一分程度で導入完了。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 めでたしめでたし?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ところが、一部サイトの一部ページにAMPエラー通知が来まして;;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 一部サイトの一部ページ…………それってあたしのサイトでは?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 です……(´▽`;)

※以前、佐藤のサイトを「ユーザー、所有者、権限の管理」させてもらっているので、くつきのSearchConsoleには佐藤サイトのAMPエラー通知メールも届きます。

You Tube動画、Twitterの埋め込みが犯人らしいとの情報は掴んだのですが、

参考 ⇒ AMPエラーがGoogle Search Consoleで表示された時の対処方法

くつきも佐藤もYou Tube、Twitterの埋め込みはしています。

なのになぜか、佐藤のサイトだけ「AMPエラーを修正してください」というお知らせメールが届くんですよね:

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ウチだけ? じゃ、問題はテーマ?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 いえ、佐藤とは別のサイトでは、ここと同じStinger(stinger3)を使わせていただいてますが、そちらにもエラー通知来ました;

PC環境の違いも含めて、何が原因かは今のところわかりません。

現在、佐藤のサイトYou TubeをURLではなく、frameで埋込してWordPressプラグイン「AMP」、再度有効にしてエラー通知が来るかどうかお試してます。

ですので、AMPエラー解決方法に関しては、そちらで結果が出てからです。

というか、実はAMPとはまた別件のエラー問題が……;;

 

おまけ雑談:WordPress4.5の不具合

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 別件? エラー? なんの?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 WordPress更新です。

WordPress バージョン 4.5 更新後(2016年4月15日時点最新版)、ビジュアルタブ、エディタタブの切り替えができなくなっているんですよ;;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 え?ここに書いてある通りその「TinyMCE Advanced」ってやつでなんとかなるんじゃないの?

WordPress 4.3でビジュアルエディタに変更できないエラーの原因!アップデート後の不具合対応と解決方法!

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 そうなんですが、実は以前くつきのサイトでは、この「TinyMCE Advanced」が原因かもしれない不具合が出ておりまして……;

検索しても対策が見つからない!見出し、行間のWordPressバグ忘備録

この時の不具合と感じが似てるので、ちょっと怖いんですよ;

ちなみに現時点では、

  • タブが切り替え出来ない。
  • 上部の編集タブが常に表示されない。(編集画面が全部表示されるので、スクロールしないと見えなくなる)
  • スクロール自体が消える。([下書き保存]ボタンに辿りつけない)
  • 文字数がカウントされない。
  • タグ登録ができない。
  • 予約投稿が出来ない。
  • リンク挿入がヘン ※ただの更新後の仕様変更かもしれませんので、保留。

など、普通の記事編集にも支障が出おります。

AMPエラーより緊急度高めかなと。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ちなみに、ウチのサイトではビジュアル、エディタタブ切り替えはできるけど、ヘッダー画像が消えて、「(Float To Top Button)のTOPへ」ボタンが表示されなくなったけど?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2  うむむ;見てみないことにはわかりませんが、それもタイミング的にはWordPressの更新が怪しいと思います。

というわけで、今回のWordPress4.5更新では不具合多発っぽいです。

来週までに、なんとかなればよいのですが……;

でっは~(´▽`;)ノシ

ブログランキング・にほんブログ村へ
にほんブログ村

 

スケジュール

『くつキッチュ』ブログでは、佐藤の出版ネタを借り、創作者さん支援記事を更新中です。

今後の予定↓

  1. 自己防衛用、弱小個人のネタ保管のアイディア
  2. 個人でできる著作権?管理(タイムスタンプサービス等)
  3. 挿絵に使わせてもらったセルシス素材の紹介
  4. 写真をネットに公開する時の注意点など New!
  5. 「ステガノグラファー」不具合と応急処置の話  New!
  6. モバイル表示が爆速になるとウワサの「AMP」って何?  New!
  7. BCCKS小ネタ(パネルが文字数に応じて拡大されない場合の対処、よく使うルビの辞書登録など)
  8. プロモーション、校正に便利なツールの紹介
  9. 佐藤の作品を元ネタにしたサイト作成(都市伝説サイト【ピアパレイ】、ロケハン、架空店舗の素材配布、架空店舗HP等)New!
  10. クリエイティブ・コモンズ・ライセンスに関する記事 New!
  11. 自分に合った小説投稿プラットフォームを厳選しよう! New!
  12. 挿絵に使わせてもらったセルシス以外の素材紹介 New!
  13. 表現の自由山田太郎議員のはなし  New!
  14. AMPエラーの原因、もしかしてyoutube、Twitterの埋め込み?  New!
  15. Flickrを利用した著作権情報表示の方法!   New!
  16. 簡単タイムスタンプ体験を体験してみました  New!
  17. 「ステガノグラファー」に続く、暗号ユーティリティソフト調べてみる!   New!

 

次回は、「WordPress4.5更新後の不具合について」になるかもしれません。

 

プロデュース被験者:佐藤のせんでん『宇宙(セカイ)をデバッグする、簡単なお仕事です』

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3 表紙 illust by @310104o design by 92ki

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 宇宙(セカイ)をデバッグする、簡単なお仕事です。の進捗どうでしょう?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 本文見通しつきはじめたので、作業と平行してオマケ漫画描いてる。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 あれ、めちゃくちゃネタバレしてるから、次巻にしか収録できないよ。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 だよねー、言われて気づいた;

たまに気分転換に次作の短編プロットと宇宙(セカイ)をデバッグする、簡単なお仕事です。の修正作業してるので、ごっちゃになってしまった;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 GWには、LP公開できるかな?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 うす……(□゜)/

というわけで宇宙(セカイ)をデバッグする、簡単なお仕事です。サブタイ-渡るセカイはバグばかり-は、絶賛公開中です。

お手にとって頂ければ嬉しいですm(_ _)m

 

佐藤利音-サトウトシオ-


宇宙(セカイ)をデバッグする、簡単なお仕事です。』 佐藤利音著


インサイド・アウトサイダー #バグ式』 佐藤利音著

佐藤利音Twitter ⇒ 佐藤利音 on TWITTER

佐藤利音ブログ ⇒ サトウトシオ式。@310104O

特設サイト ⇒

インサイド・アウトサイダー #バグ式 ◆このいと式シリーズ | Official Website

でんでんランディングページ | セルフパブリッシャーのためのTumblrテーマ に感謝!


セルフパブリッシャー必携の武器のこちら↓


 

 

 

Digiprove sealCopyright secured by Digiprove © 2016 chiyoko kutsuki
  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

Hardcover book gutter and pages by Horia Varlan, on Flickr ページををめくるめくwpプラグインFlippingBook Galleryとか合成GIFとかの雑談

ページををめくるめく効果が簡単に作れるwpプラグイン『FlippingBook Gallery』とか合成GIFとか諸々

※サーバーが落ちてるのかここしばらくつながらない状態のようです。様子見のため、URLやサンプルページ

記事を読む

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法 default_page画像

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法

 もくじ これまで無料サーバーのめちゃくちゃお手軽なインストールに頼りきりだったくつき

記事を読む

創作ブログに最適な「LINEトーク吹き出しCSS」で、表示が崩れるときの忘備録 カスタマイズサンプルアイキャッチ画像

創作ブログにピッタリな「LINEトーク風フキダシCSS」の表示が崩れるときの忘備録

あけましておめでとうございます。   会話形式の多いブログにピッタ

記事を読む

html tattoo by webmove, on Flickr

ワードプレスの記事内でコード表示をするには?【WPプラグイン】

html tattoo by webmove, on Flickr もくじ ドキ!トラ

記事を読む

Image taken from page 113 of 'Lilliput Lyrics ... Edited by R. Brimley Johnson. Illustrated by Chas. Robinson' by The British Library, on Flickr googleWebフォントを使ってみたよ!副題『不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。』

2ステップでお手軽簡単な『GoogleWebフォント』を使ってみたよ!「不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。」

前から気になっていたWebフォントを使ってみました♪ Image taken from

記事を読む

ワードプレスの記事内にSoundCloudの音楽を埋め込むには?【WPプラグイン】

  追記:2015-02-23 現在はURLコピペのみで簡単に埋め込み出来ます。

記事を読む

業務連絡のお詫びとWP怪奇現象の話 Chrome怪現象?「sample.com ページは機能していません ichipan.phpapps.jp でリダイレクトが繰り返し行われました。 次をお試しください: ページを再読み込みする Cookie を消去する ERR_TOO_MANY_REDIRECTS」 

【業務連絡】素材サイト告知に関するお詫びと、WP怪奇現象の話

    『イチパン!』 ログイン画面 登場人物:くつきちよこ ※管理人

記事を読む

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に! 素材サイトの構成

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に!

図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐藤 ※ゲ

記事を読む

ワードプレスの不具合騒動、利用中のレンサバ統合されるってよ、など。 恐怖のエラー画面

「ワードプレスの不具合騒動(未解決)」と、「利用中のレンサバ統合されるってよ」など。

  サトウトシオのサイトがバグりました; ホラーなエラー!に驚いたる赤ちゃんのアイコ

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場