俺の妹が?モバイルサイトを爆速にしてくれる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が使える無料サービスCloud9を使ってみたッチュ!

ブラウザのみでWordPressが使える無料サービスCloud9を使ってみたッチュ!

クラウド最強エディタ「Cloud9」が、WordPressもブラウザのみでインスト・開発・公開が

記事を読む

scream and shout by Mindaugas Danys, on Flickr 『SyntaxHighlighter Evolved』がフリーズしまくりで絶望したーっ!!時の対処法。

「記事内コード表示用Wpプラグイン『SyntaxHighlighter Evolved』がフリーズしまくりで絶望したーっ!!」場合の対処法。

記事内コード表示用Wpプラグイン『SyntaxHighlighter Evolved』を適用

記事を読む

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

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

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

記事を読む

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

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

もくじ Laser engraved RSS icon by Book Wor

記事を読む

マウスコンピュータの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

記事を読む

326/365 - plug in. by Bryan Rosengrant, on Flickr Some rights reserved

Q:ワードプレスの記事内にSoundCloudの音楽を埋め込むには? A:【WPプラグイン】は不要です!

タイトル通りです。今はURLだけで埋め込み完了です。  326/365 - pl

記事を読む

Don't Panic Badge by Jim Linwood, on Flickr いきなり来た!「データベース接続確率エラー」

いきなり来た!「データベース接続確率エラー」∑(゚Д゚)ガーン

  Don't Panic Badge by Jim Linwood, on

記事を読む

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

記事を読む

創作支援屋靴キッチュスクラップス!くつきちよこアイコン木の実モザイクVer  Illust by 佐藤利音 ベジェ化 by くつきちよこ

ランボー 怒りの新規ファイルのアップロードが出来ないWordPressトラブル※未解決 と、電子書籍出版お手伝い裏舞台

Panic stations ! by Craig Sunter - Thanx 2 Milli

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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