WordPress無料で高機能テーマ「Cocoon」でブログのスピードアップを目指す! 正直「PageSpeed Insights」のスコアは信用できるのか?

スポンサーリンク

ブログのテーマを「Cocoon」に変更してから、1か月弱が経ちました。実は、Cocoonに変更したのは2019年3月13日のGoogleサーチアルゴリズムの変動・変更以来、PV数がガタ落ちして、何とかしようともがいていた時だったんです。

Googleサーチアルゴリズムの変動・変更?2019年3月13日に実施された!PV数ガタ減り 順調に伸びて来たと思っていた矢先の出来事にショック。。。
昼間にTwitterでつぶやいていたんですが、突然PV数がガタ落ちしました。。。Googleアルゴリズムの変更でPV数激減です。。。信じられないくらいに減ってます(-。-;また今夜記事にしたいと思います。せっかくPV数増えて来たと...

今もPV数は低空飛行が続いていますが、今回は「Cocoon 設定」の「サイト高速化」を試してみました。

スポンサーリンク

WordPress無料テーマ 「Cocoon」の機能は素晴らしい

WordPressのテーマ、「Cocoon」はたくさんの機能を持っています。テーマをCocoonに変更してからほぼ1か月が経ちますが、まだまだカスタマイズできていません。

最初は、Cocoonに変更する際に、できるだけPV数やアドセンスに影響がないように考えて、テーマ変更に挑みました。

WordPressテーマをSimplicityからCocoonに変更してみた! Googleアナリティクス・Console・Adsenseをテーマ変更後5分以内に反映させる方法
Word Pressのテーマ、Cocoonの存在を知ったのは、一週間ほど前のことです。当サイトでは、ずっとSimplicity 2を利用していました。ブログ立ち上げ当初、いろいろなサイトを拝見して、Simplicityをおすすめしているサ...

その後、ちょこちょこカスタマイズはしているのですが、記事を執筆するのに時間が取られでなかなか進んでいません。。。

WordPressテーマをSimplicityからCocoonに変更してから一週間でカスタマイズしたこと 見出しとヘッダーとSNS関係編 Cocoonはとっても高機能でちょっとずつカスタマイズ
WordPressのテーマをSimplicityからCocoonに変更して一週間ほど経ちました。Simplicityに比べて、後継テーマと言えども高機能満載ですね。無料テーマとして提供していただいて感謝です。ただ、高機能すぎて機能がすべて...

今回、お手軽にカスタマイズできるCocoonのサイト高速化の設定をして、当サイトのスピードを計測してみました。

設定は簡単!該当項目にチェックを入れるだけ!

まずは、WordPressの設定画面から、「Cocoon 設定」「高速化」をクリックします。

サイト高速化の設定

ブラウザキャッシュの項目

まずは、「ブラウザキャッシュの有効化」にチェックを入れます。

ブラウザキャッシュをすることで、2回目以降の訪問者がローカルのリソースを読み込むため、表示が速くなります。当然初めての訪問者には効果はありません。

ブラウザキャッシュ

縮小化

こちらは素晴らしい機能ですね。「HTMLを縮小化する」「CSSを縮小化する」「JavaScript縮小化」にチェックを入れます。いずれも素人が下手に触ると、サイトが無茶苦茶になりそうですよね。それぞれを縮小化することにより、読み込み速度が上がりそうです。

HTML、CSS、JavaScriptを縮小化

Lazy Load設定

こちらも「Cocoon」の機能に含まれているのですね。素晴らしい。「Lazy Loadを有効にする」をチェックします。僕は「WEBフォント(β版)」はチェックを入れませんでした。「アイコンフォント」?は利用していませんので。

Lazy Load設定

以前、当サイトでも3つくらいのLazy Loadプラグインを試したことがありましたが、テーマをCocoonに変えてからは削除しています。

ブログのスピードアップにWordPress画像遅延読み取りプラグインを導入! どれが一番? Lazy Load?a3 Lazy Load? BJ Lazy Load? 試してみた
ブログのスピードアップ(高速化)って重要ですよね。Webページの読み込みにかかる時間が2秒までは直帰率は9%ほどだが、3秒を超えると一気に直帰率が増え、5秒になると38%まで増えている。 Webページの読み込み時間、3秒が限界か...

スクリプト読み込み設定

「JavaScriptをフッターで読み込む」にチェックを入れます。「プラグインが正常に動作しない」可能性もあるとのことですから注意が必要です。チェック完了後、「変更を保存」をクリックして保存します。

スクリプト読み込み設定

ブログスピードテストでテストしてみた結果は?

以前からサイトのスピードアップを目指してきました。

さらにブログの表示スピードを改善! WordPressプラグイン EWWW Image Optimizer & Optimize Database after Deleting Revisionsでさらにスピードアップ!
ブログのスピードって計測したことありますか?ブログのスピードはSEO的にも大きな効果があるようです。前回に引き続き、当サイトでは、初心者ながらも簡単にできるプラグインによるブログのスピードアップ対策を行いました。初心者が簡...

ところが、XSERVERの「Xアクセラレータ Ver.2」を導入してから、PageSpeed Insightsでの数値がガタ落ちしました。「Xアクセラレータ Ver.2」が原因なのかは分かりませんが、とりあえず保険の意味で今回は3サイトでブログのスピードを計測してみました。

XSERVERが「Xアクセラレータ Ver.2」に対応! WordPressが最大10倍高速化?さっそく設定してみた
XSERVER インフォメーションから、『sv7001~sv7520サーバー』「Xアクセラレータ Ver.2」提供開始のお知らせが届きました。なんとWordPressで最大10倍の高速化となる機能の提供とのことで、さっそく導入して...

PageSpeed Insightsの結果

WEBサイト表示速度計測サイトとしては、PageSpeed Insightsが有名ですが、モバイルに厳しくなったんですよね。計測するたびに結果も違うので、参考程度ですかね。調べてみました。Cocoonサイト高速化設定前のモバイル結果です。うーん、遅い。。。

PageSpeed Insights モバイル 設定前

高速化設定後のモバイル結果です。ちょっと、上がりましたかね。。。

PageSpeed Insights モバイル 設定後

続いて、高速化設定前のパソコン結果です。こちらも低いですね。。。


PageSpeed Insights パソコン 設定前

お、ちょっと上がってます!「Xアクセラレータ Ver.2」前よりはちょっとマシって程度ですが。

PageSpeed Insights パソコン 設定後

GTmetrixの結果

保険のために(笑)、GTmetrixでの結果です。高速化設定前のGTmetrixの結果です。「PageSpeed Score」はGoogleでの評価で、「YSlow Score」はYahooでの評価です。

GTmetrix 設定前

おお、いずれもランクが上がっている!特に「YSlow Score」は15%のアップです。

GTmetrix 設定後

「Xアクセラレータ Ver.2」導入後に、GTmetrixで計測した結果が下記ですから、確実に上がっていますね(Cocoonに変更前でSimplicityを利用中に計測)。

テーマSimplicity使用時のGTmetrix

GTmetrixでは着実にスピードアップしているのが実感できます。

Test My Siteの結果

4G回線を利用し、モバイルサイト用に特化したスピードテストのサイト、「Test My Site」です。「低速なモバイルサイトでは、ビジネス機会を逃してしまいます。」はい、わかっています(笑)。

高速化設定前の結果です。遅いです。。。

Test My Site 設定前

高速化設定後の画面が以下です。全く変化なし。コピペではありません(笑)。

Test My Site 設定後(コピペではない)

PageSpeed Insightsのモバイル結果も、モバイル用に特化したTest My Siteも厳しい結果になりました。

Cocoonの機能、サイトの高速化の結果は

Cocoon製作者、わいひら様のサイトです。

Cocoonおすすめのサイト高速化設定

リンク先を拝見すると、ほぼテーマだけではよい点数が出ますが、アナリティクスやアドセンス、アフィリエイトプログラムのバナーを貼ると、普通にモバイルでは50点を下回るそうです。パソコンの数値は良いので、何とかモバイルの数値を上げたいのですがなかなか難しいですね。機会があれば、モバイルの数値を上げるための方法を調べてみたいと思います。

失礼ながら、PageSpeed Insightsを利用して、他の方のサイトを調べてみましたが、パソコン・モバイルとも100%のサイトがありました。すごいですね。。。

ただ、どのサイトを見てもスピードは気にせず、まずは記事の内容が大切ということでした。当サイトもまずは記事の内容重視で頑張っていきたいと思います。

スポンサーリンク
ブログ・WordPress
スポンサーリンク
リーダーの独り言

コメント

タイトルとURLをコピーしました