俺の妹が?モバイルサイトを爆速にしてくれる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

関連記事

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 その上「サイトの状況が赤点です」とGoogle様にも怒られました(/_;) アイキャッチ画像 IconDesign by くつきちよこ

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 ※解決済み

    Upload出来ない(/_;) ファイルの

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その2『Google Feed API』

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その2『Google Feed API』

もくじ Laser engraved RSS icon by Book Wor

記事を読む

Photo by Flickr CJ'sフォトストリーム

Stingerの『Page Top↑』を可愛くカスタマイズしてみた♪

    Stingerで『Page Top↑』を可愛くカスタマイズしてみた♪ WordPressブ

記事を読む

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

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

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

記事を読む

Q&A by opensource.com, on Flickr そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

検索キーワードで(個人的にツボに入ったという意味での)ヒットしたもの、及び当サイトでは該当す

記事を読む

Wpマルチサイト化サブディレクトリ型はめちゃ簡単!の初心者のハマリポイントは2箇所だけ! bento box by josey4628, on Flickr

Wpマルチサイト化(サブディレクトリ型)はめちゃ簡単!初心者のハマリポイントは2箇所だけ!

bento box by josey4628, on Flickr Wpマルチサイト化(

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

Who Invented Twitter? by Grant Stantiall, on Flickr Some rights reserved

ツイートするだけでアイ・キャッチと概要が表示される『Twitterカード』は、プラグインがなくても簡単に設定できるよ!

Who Invented Twitter? by Grant Stantiall, on

記事を読む

html tattoo by webmove, on Flickr

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

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

記事を読む

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

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

記事を読む

Message

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

Time limit is exhausted. Please reload CAPTCHA.

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

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

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