TOPへ戻るボタンが表示されない！？を一発解決【Cocoon】【初心者向け】

あるときふと気づいたら、『TOPへ戻るボタン』が表示されなくなっていました。
いつからなのかハッキリとはわかりませんでしたし、原因はサッパリです。
なので、その後なすすべもなく数か月経過したと思います。。

しかしこの度、原因が判明しました。
このことについての記事は何度検索しても見つけることができなかったので、どなたかの役に立つかもと思い記事化しておきます。

こんにちは、野分です。

わかってしまえばあまりにも単純なことでした。

ちなみに、Cocoonを使っていて、最初は表示されていたTOPへ戻るボタンが何かの拍子に途中で消えてしまった方向けの記事です。
新しくTOPへ戻るボタンを表示させたいけど出来ないという方は　≫こちら。

TOPへ戻るボタンが表示されない！？【Cocoon】

いつのまにかなっていた、という状態だったので、原因が何なのか数か月わかりませんでした。

上に戻れなくてつらい・・・でも原因がわからないヨ・・・

原因はプラグイン でした。

「Flying Scripts」という名前の、スクリプトを遅延させるスクリプトが原因でした。

このブログで度々PageSpeed Insight上での懸案事項となっていた「使用していない JavaScript の削減」を解決するために導入したものでした。

かなり長い期間わからずにいましたが、最近になってページの見え方の特徴からスクリプトの問題っぽいと気づいて、無効化したら無事にTOPへ戻るボタンが表示されるようになりました。

ページの表示速度よりも、使い勝手のほうがだいじ、と思ってます

解決策：「Flying Scripts」を導入している場合は、無効化しよう

他にも同じようなスクリプト遅延系のプラグインを導入している場合は、それを無効化してテストしてみるといいかもです。

当ブログ（hicolor times）では、以下の不具合がいつからか発生していました。

・TOPへ戻るボタンが表示されない、消えている
・「管理者画面」が常に表示されている

このブログのテーマはCocoonなので、ログインした状態なら便利な管理者画面が必要なときにいい塩梅で表示されます。

でもそれがほぼ常に画面下方に居座っていました

上のような状態でした。

管理者画面は自分だけの不便なのでまあいい（よくはないけど）と思っていましたが、TOPへ戻るボタンがないのはかなり問題だと思っていました。・・・自分も不便ですし。

「Flying Scripts」を無効化したら、問題なくかつての輝きを取り戻しました。

きちんと右下にTOPへ戻るボタンが表示され、管理者画面も通常通りの挙動になっています。

「Flying Scripts」を使用するのとしないのとでは、どのくらいページの速度に差があるのか？
気になったので測ってみました。

▼「Flying Scripts」無効

▼「Flying Scripts」有効

・・・むしろ無効にした方がスコアはいいんですよね

この計測は時間などによっても左右されるので絶対値ではないのですが、それでも10以上の差があるのなら、「Flying Scriptsがないほうがスコアはいい」ということはいえるのではないかと思います。少なくとも、当ブログでは。

以下の画像を参考にしてください。

１、「ダッシュボード」から「Cocoon設定」をクリック
２、上部タブから「ボタン」をクリック
３、「トップへ戻るボタンの表示」の「トップへ戻るボタンを表示する」にチェックを入れる

「ボタン色」の項目でお好きな色に設定できます。