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

関連記事

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 アイキャッチ画像 Lolita-kingyo illust by ss

3-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 見開きページの作り方

  追記:「WordPressの更新後、『FlippingBook Ga

記事を読む

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

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

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

記事を読む

A calm owl by Tambako The Jaguar, on Flickr 【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;) くつキッチュアイキャッチ画像

【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;)

A calm owl by Tambako The Jaguar, on Flickr Some

記事を読む

WordPress 4.3の更新でやらかした話 WP-Banがバグってサイトが真っ白に( × △ × )【解決済み】ようこそWordPress4.3

WordPress 4.3の更新でやらかした話 サイトが真っ白( × △ × )【更新時のプラグイン停止をお忘れなく!】

  『ユーキャン』で資料請求しました。※住所部分など、加工しています   W

記事を読む

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

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

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

記事を読む

Spanish dictionary pages up into the air by Horia Varla Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方

1-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 基本編

  追記:「WordPressの更新後、『FlippingBook Ga

記事を読む

くつキッチュ!SCRAPス WPにデフォルトでインストされてるプラグイン『HelloDolly』って一体何者?

WordPress謎のプラグインHelloDollyを有効化してみた結果www

  Photo by Stéfan  いかにもなタイトルですが、釣りじゃありません。 結論から申し

記事を読む

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

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

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

記事を読む

検索しても対策が見つからない!WordPressのバグ忘備録 panic by nate steiner, on Flickr

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

    2014/02/28追記: こんな記事を書

記事を読む

スポンサードリンク

スポンサードリンク

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

スポンサードリンク

スポンサードリンク

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

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

  • くつキッチュ!SCRAPス アイコン 創作支援 カテゴリへ《創作支援》

    くつキッチュ!アイコン カテゴリwordpress全般へ 《WP関係》

    くつキッチュ!アイコン-copyright-著作権カテゴリへ  《著作権関係》

    くつキッチュ!アイコン小ネタ/物語用小ネタ カテゴリへ  《小ネタ/物語用小ネタ etc...》
    ※オンマウスでタイトルが表示されます。




『創作支援屋くつキッチュスクラップス!』は、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。