ブログの表示がズレる（遷移）を解決する～表示スピードを上げるためにやり過ぎた？

ブログのＳＥＯ対策は素人にとってはかなり難易度が高いですね。

それでもネット上の情報などを参考にしてあれやこれややってみています。

「試行錯誤の繰り返し」

それが素人ブログの宿命なのです。

今回は私が今回直面した「表示がズレる」問題について解決方法がわかったので記事にさせていただきます。

同じような問題に直面しているブロガーのお役にたてれば幸いです。

ブログの現状

私のブログは趣味のブログ。

約３年程続けています。

内容は、バイク、キャンプなどの趣味関係の他、グルメや旅行の記事を主に掲載し、記事数は1,000件あまり。

１日のＰＶ数は2,000件ほどです。

収益は１月20,000～30,000円ほど。

ＳＥＯについてはネットの情報を参考にしながら自分なりに対応している状況です。

ＳＥＯで表示速度を早くしてきた

ＳＥＯのなかでブログの表示速度については素人ブログの場合大きな問題になります。

そのためにＳＥＯに対応した有料テーマを使ってみたり、様々なプラグインを試してきました。

サーバーに関してはエックスサーバーを利用していますが、より高額なプランにすればさらに早くなるのでしょう。

しかしながら収支バランスを考えると現状はそこまで踏み込めません。

もう少し稼げるようになればより速いサーバープランを利用することも検討できるのでしょうが。

記事の表示がズレる現象

そんな中で数か月前から記事の表示がズレる現象が発生するようになりました。

状況としては、一旦通常のページが表示された後で、すぐに簡易表示に変わりその際に段落の位置が下にズレます。

この状況はＳＥＯ上あまり良くないと思われたため解決しようとしましたがすぐには解決できませんでした。

表示スピードを上げるためにいろいろなことをしてきたのが原因なのでしょうが、いっい何が原因なのかしばらくわからなかったのです。

WordPress公式サイトのフォーラムに質問を掲載しても、それらしい回答は得られず、解決方法はなかなかわかりませんでした。

数か月後にやっと解決

なかば長期戦とあきらめていたのですが、久しぶりにWordPress公式サイトのフォーラムを見ていて思い当たるフシがありました。

その回答はかなり以前に頂いていたのですが、その時は勝手に原因は別にあると思い込んでいたのです。

その回答とは。

Jetpack Boost の「CSS の読み込みを最適化」（下記参照）でしょうか？

Automate Critical CSS with Jetpack Boost

When you upgrade to the paid version of Jetpack Boost, you can automatically generate critical CSS e ...
jetpack.com

「CSS の読み込みを最適化」を無効化するか、再生成を実行してみてはどうでしょうか。