こんにちは。Dsuke@セミリタイア中です。
ブログのテーマを「simplicity2」から「Cocoon」に変えてみました。
どちらも作者は寝ログ管理人のわいひらさん。「Cocoon」は「Simplicity2」の後継テーマです。元々テストユーザ向けにテスト公開されていましたが、2018/8/3現在、既に一般公開されています。
▼「Cocoon」のダウンロードはこちらから
Cocoonの特徴
- シンプル
- 内部SEO施策済み
- 完全なレスポンシブスタイル
- 手軽に収益化
- ブログの主役はあくまで本文
- 拡散のための仕掛けが施されている
- カスタマイズがしやすい
「Cocoon」はWordpress向けの完全無料テーマです。前身「Simplicity2」も素晴らしいテーマでしたが、さらに改良が加えられています。デザインも今風にアレンジされていますね。
デフォルトのデザインで使っても十分きれいなサイトになるのはもちろん、カスタマイズ、拡張性も抜群です。
そしてなにより、「Cocoon」に移行しようと思った理由は、モバイル向けに最適化されたモバイルフレンドリーなテーマであるということです。
検索エンジン最大手のGoogleは、今後、モバイルファーストでサイト表示が高速（最適化）されたサイトを優先的に表示するといわれています。
今回、テーマを「Cocoon」に変更することで、どれだけの効果があったのか検証してみました。
PageSpeed Insightsでサイトスピードを測る
みなさんはサイトスピードを測ったことがありますか？
私は恥ずかしながらありませんでした。そこで調べてみると、Googleが速度測定サイト「PageSpeed Insights」を用意してくれていました。
「PageSpeed Insights」に移動し、自分のサイトのURLを入力して分析ボタンをクリックすれば、速度測定が始まり結果が100点満点で表示されます。
なお、モバイルとパソコンで表示した場合の結果も出してくれるので、どちらも確認しておきましょう。
一般的に、80点を超えないとそのサイトは表示速度が遅いと判定されてしまうようです。
simplicity2時代の表示スピード
▼モバイル
▼パソコン
ということで、まず「simplicity2」を適用した状態でサイトスピードを測ってみました。
うわぁぁぁ・・完全にモバイル向けの表示速度が遅かったです。余裕で80点以下ですね。何にも対策していない場合はこんなもんなんでしょうかね。
（誤解を生んでしまうといけないので補足ですが、「simplicity2」は超軽量で素晴らしいテーマです。私のサイトが画像を大量に貼っていたり、CSSやJavaScriptの最適化を行っていないためこんな結果になっています。悪いのは私です）
ということで次は「Cocoon」を適用した場合のサイトスピードを測ってみました。
Cocoon移行後のスピード
▼モバイル
▼パソコン
あれ！？下がった！！(´;ω;｀)
パソコンの方は最適化85→89と上がっていますが、モバイルは71→68と下がってしまいました。
なんかおかしいと思い、設定を色々さがしてみました。
見つけました。
WordPressのダッシュボードから、「Cocoon設定」→「高速化」と進み、以下のチェックを入れます。
・HTMLを縮小化する
・CSSを縮小化する
・JavaScriptを縮小化する
チェックしたら「変更を保存」ボタンを押して適用します。
さあ、これで再度スピードを測ってみましょう。
Cocoon移行後のスピード（やり直し）
▼モバイル
▼パソコン
やりました！爆速です！(´;ω;｀)
見事にモバイル、パソコンともに満点近い数字になりました！
単にキャッシュが効いているだけかと思い、キャッシュだけ無効化して試しても同様の結果でした。（HTML/CSS/JavaScript縮小化がちゃんと効いているということですね）
初心者が何も考えずにテーマと設定をちょっと変更するだけで、こんな素晴らしい結果を得ることができました。
「Cocoon」のコンセプト通り、SEO対策などを考えなくてもいい（＝ブログ執筆に集中できる）、本当に素晴らしいテーマです。
これが無料で使えるとは・・・もう有料テーマ売れなくなるんではなかろうか・・・
作者のわいひらさんに感謝です！みなさんも「Cocoon」を試してみてはいかがでしょうか。（テーマ移行はバックアップなどをちゃんととり、自己責任で！！）
コメント