Cocoonにブログテーマを変えた理由

ブログ作成

2020.01.08 2019.11.30

ブログのテーマをCOCOONに変えてみました
以前のブログテーマはSimple Days
トップの画面が気に入ってたのですが、
ケータイから自分のブログを見た時に、あまりの読み込みの遅さに驚いて変える事にしました

cocoonにしてサイト読み込み速度が速くなった
1. 自分のブログをケータイで見て愕然とした
2. ページ速度を計測した
Cocoonに変えてからのトラブル
COCOONにしてからデザインの編集が楽になった
1. 自分の作った物をチェックするのは大事

cocoonにしてサイト読み込み速度が速くなった

ツイッターをしばらく前に初めています。
そちらも大体一か月くらい経ったでしょうか。
他のブロガーさん達の作ったブログを見てると文章の言い回しや、
デザインのレベルの高さに驚いていました。

僕いつもブログの編集はノートパソコンで行っているので、
ケータイ自分のブログを見た事が無かったんですよね。
ある日ケータイの方で何となしに自分のサイトを検索して見てみたんですよ
ホントに何となしに。。。。

自分のブログをケータイで見て愕然とした

まず、えらい遅い。
定食屋でご飯頼んだら休憩時間終わってしまった位の衝撃でした
デザインもぐっちゃぐちゃだったんですよね
２０年前のガラケーのiモードで見た感じ
これはイカンぞと思いまして色々と調べていました

ページ速度を計測した

[Page speed Insights]という所でサイトのスピードが数値化されるらしい
試しに計ってみるとケータイは「40」でした
（学生時代のテストの点数かな？）
どうやら、原因はプラグインの使い過ぎと、CSSに書いてた吹き出しとか色の指定が重くなっていたらしい
すぐさまCocoonに変えようと思いましたね
評判がすこぶる良いですから。

Cocoonに変えてからのトラブル

良いことずくめなのかと思いきや
入れていたプラグインが色々な所で干渉してしまって、トラブル続出
具体的には

表示が崩れて上手く表示されなかった
画像が出てこない
吹き出しが出ない
CSSの色表示やり直し
サーチコンソールやアナリクスの連動が外れた

とりあえず、片っ端からプラグインの干渉している物を洗い出して止めていった
多すぎて、書きだそうと思ったが全部は覚えてない

画像のトラブルはLazy Loader

画像を圧縮して軽くしてくれるプラグイン
cocoonに標準装備しています。
今までのテーマでは外部プラグインとして使っていたので双方が干渉していた
プラグイン側を止めて、Cocoonだけでやってみたりもしたが、やはりダメだった
サムネイルの画像がどうやっても出ないのです
結局今は画像圧縮に関係する機能・プラグインはオフにしてます

Contact Form7とreCaptchaの干渉

お問い合わせフォームに関係するプラグインとスパムメールを防止するプラグイン
これは、原因が２つあった

Contact Formのバージョンが最新版だとメールが送れない
Lazy loaderのプラグインがreCaptchaの画像にも干渉してしまう

バージョンアップしてからメールが送れないという情報が見つかったので、コレに関しては
プラグインをダウングレードして対応した
②番目のreCaptchaのトラブルに関してはLazy loaderを停止した際にクリアになったのでラッキーでした

WordPress Popular Postsを辞めた

ランキング用のプラグインでアクセスのキャッシュを貯めこんでしまうのが良くなかった。
今後継続してブログを続けていくことを考えた時に、トラブルは少ない方が良いと思ったからです
Cocoonに入っているランキング機能はアナリティクスの情報を参照しているので、サーバーに無理がかからない。
結果的に軽くなってスピードが若干上がりました。
もうちょっとアクセスのあるブログだと効果はデカいのかもしれません