ブログの表示スピードがとても遅い事が判明!グーグルの【PageSpeed insights】で計測、そして対策!

ストーク ブログの爆速化を目指す!対策まとめ




ブルースな日々を送るダリーウメモですどうも。

ぼくのブログの読み込み、表示スピードがムチャクチャ遅い事がつい先日判明しました。使っているテーマはストークです。

ストークって一般的にちょっと表示が遅め…と言われてますが、「まだブルースとか言うてます」はどうなんだろうとふと思い、計測してみました。

関連記事:ワードプレス でブログを開設して1年経ちました。自分の人生はどう変わったかまとめ!

その結果・・・ブログ表示クソ遅い事が判明!!とりあえずどーんと落ち込みました。でもこれってストークが悪い!という結論にはならないんですよねえ…。プラグインで対策すれば表示の高速化は可能です!ぼくがやった対策をまとめます。

参考にした記事:ワードプレスのテーマ「ストーク」の表示速度を上げる方法

 

追記:ページスピードって確かに大事なんですが、ある程度対策したら、放っておくのがいいという結論になりました。多少、遅くてもグーグルはそれほど問題視しないようですので。この記事書いた時の26点とかだったらちょっと問題ですけどね。

サイトの動きを減らせば速くなるのでそうしましょう。あとで記事にもしてます。そもそもすぐに反映されるものでもないし、神経質になりすぎるのは禁物です。

関連記事:ページスピード高速化作業、疲れたのでいったんやめます

ストーク【STORK】のトップページ機能をほぼ使わない仕様にしてみた。

そもそも、ブログの表示スピードが超重要な理由。

なんでそんなにページスピードにこだわってるの?って事なんですが、ページスピードが遅いと、

●ユーザーがイライラする

●イライラした結果、離脱する(ページから離れる)=離脱率上がる。

●そのサイトを「ユーザーに優しくない、親切でない!」とグーグルは判断。その結果検索での順位も上に上がりにくくなる=SEO対策において超不利になる!

 

こういう負の流れがページスピードを舐めてるとあるんですよねー。だからなるべく速い方がいいんです。あっ、ちなみに100点満点を目指す必要はないみたいです。Googleアドセンスなどを入れてると100点にはならないみたいですから。

計測ツールはグーグル謹製の【PageSpeed insights】です。

【PageSpeed insights】の存在、ぼくは今まで知りませんでした。便利なものがあるんですねえ・・・。自分のブログのアドレスを入力するだけで表示スピードを計測できます。

スピード計測だけでなく対策もちゃんと書いてる!

で、ありがたいのはスピードだけでなく、「どうすれば表示スピードを速くできるのか??」の対策もちゃんとグーグルさんは書いてくれてます!注意点としては結構難しい専門用語で説明されている…って事です。むずかしくて少々ゲンナリします…。

よーく読めば何となく言いたいことはわかるのですが情弱のぼくにはなかなか…。というわけでなるべくわかりやすく説明します。

ちなみにぼくの対策前の点数はこちらです⬇モバイルとパソコン、別々に計測できます。

モバイル計測:なんと26点!!ヤバすぎ!!重すぎ!!

グーグルのPSI計測結果画面(モバイル)

パソコン計測:58点!悲しい!!

PSI計測結果(パソコン)

26点はヤバイ…。こんなブログ誰が読むんだよ・・・。いてもたってもいられなくなりました。対策しなければ!!って、なんでこんなに遅いんだ!!

というわけで最初に書きましたけど、参考にした記事:ワードプレスのテーマ「ストーク」の表示速度を上げる方法をお手本にして、ぼくがやった対策を書いていきます。

※pagespeed insightの計測って測るたびに多少点数多少変わります。ネットの環境なども関係するのだと思います。

対策:ストーク のアニメーション機能OFF

カスタマイズ→グローバル設定でOFFに出来ます。ONにしてるとアニメーションを起動させるのにJavaScriptが働くのでしょうね。その間に時間的ロスが生まれるのだと思います。これが多少なりとも減点対象となるのなら、もう切ろうとなりました。

スライダー付き記事一覧をやめた。

トップページレイアウトの設定

↑このページのやつですね。かっこいいのでぼくはこのスライダー好きだったんですけどねえ・・・。でもちょっとデコデコしてる感は確かにあったし、ページスピードに影響が出るならもう切ろうと・・・。多分JavaScriptが動く結果、読み込みが遅くなるんです。

関連:ページスピード高速化をねらって、キャッシュ効きすぎの状態にしてみました。

同じストーク 使ってるあんちゃさんのブログとかもご本人に黙って計測したら、爆速だったんですよ笑。で、あんちゃさんはスライダー使ってないと。→よし、スライダーやめたれ!いう流れですね。

プラグイン二個導入した➡EWWW Image OptimizerとAutoptimize

EWWW Image Optimizerとは画像を圧縮して最適化してくれるプラグインです。プラグインを導入するとメディアに「一括最適化」という項目が足されます。そこ押すだけ。ぼくに出来ました。簡単です。

AutoptimizeとはHTML、CSS、JavaScriptを最適化してくれるツールです。

Autoptimizeプラグイン autoptimize設定画面

使い方は項目にチェック入れるだけ。確かにこのスピード検索結果でもCSSをどうにかしろみたいなことは書いてましたのでその一環の改善作業なのでしょう。検索結果に書かれている改善策をプラグイン無しでやれる人って正直少数だと思います。なんか難しいし。

というわけでプラグイン入れておこう。

PSI CSSの改善アドバイス画面

でもまーこのプラグインを導入しても上記の↑「最適化についての提案」は消えません。まあそこは気にしないでおきましょう。とにかく速くなればいいのです。

グーグルのアドバイスにも「すべて完璧にやるのはすごく時間がかかるし労力も使うから、できるところだけ改善すればいい」という内容が書いてました。

あと、まだ入れてないけど導入するとしたら、WP Fastest Cache

参考にしたのは、ひとり広報というブログのブログ初心者でも改善できる! WordPressテーマ 「ストーク」 の表示速度をアップする方法

WP Fastest Cacheの詳しい記事はこちら:WP Fastest Cache 無料版の設定 初心者でも使えるwordpressキャッシュプラグイン!

キャッシュの設定ってほんとよくわからない汗。グーグルも「ブラウザのキャッシュを活用してね」と言ってるけどイマイチ謎。

というわけでぼくはまだこのプラグインは入れてないです。しばらく今の状態で様子を見てどうしても納得できなかったらやってみようかと思います。

 

結局、このプラグインを一度導入しましたが、だんだん管理画面の動きがおかしくなってきたのでやめました。プラグインに頼らずして、htaccessに直接キャッシュ設定をする・・・という情弱らしからぬ設定で今は落ち着いております。参考にしたのはマナブさんのマナブログです。

関連:ページスピード高速化をねらって、キャッシュ効きすぎの状態にしてみました。

 

PSIアドバイス画面 キャッシュについて

で、上記の改善策(WP Fastest Cache以外)を試してみた結果は!?

ドドン。

ページスピードインサイト対策後の結果:モバイル

60点行ってない!!LOW(遅い)判定デル!!!!!アレッ・・・。

で、一方パソコン表示スピードの方は・・・↓

ページスピードインサイト

63点!!まあ、4点ほど上がっている!!とりあえず60点取れてたらよしとする!!

そして悔しい結果だったモバイルをもう一度計測してみると!!↓

ページスピードインサイトモバイル計測結果画面

64点!!同じ状況下でも回線の混み具合などで変動はするようですね。とりあえず60点でミディアム判定なら嬉しいですね。最初は26点だったもんね。マジヤバかったっす。

まとめ:ページスピードの高速化をなるべく目指そう。

はい。ページスピードの高速化を目指すってすなわち、検索から来てくれたユーザーをイライラさせず、快適に過ごしてもらうって事なんですよねえ・・・。それってブログに来てくれた人への最低限の「おもてなし」なわけです。

そこを押さえとくとグーグル検索での上位も目指しやすくなります。ページに来てくれたユーザーの直帰率も減る事でしょう。いい作用しかありません。

ブログの訪問者を増やしたい方は実践してみてください。ダリーでした。

こちらもどうぞ

ブログ執筆時のMacBook Proの動作が重い!?ワードプレスのプラグイン【revison control】使ってみて!




ストーク ブログの爆速化を目指す!対策まとめ
ダリーのインスタ!ダリスタグラム!!

荒ブルース!!なギター弾き語りをお届け中!!

ツイッターフォロワー大募集中!!目指せ10000人!

ダリッター!なるべく有益な事をつぶやきます!フォロワー大募集中!!

ABOUTこの記事をかいた人

35歳から人生と稼ぎ方を見直しに入ったスロースタートな気絶系ブルースマン、ダリーです。大阪市在住。情弱オッサンからの脱却方法をご提案致します。ブルースと転職関連記事が多め。 当ブログは「自分の人生ってホント、面白くないよな〜…」と言う潜在的な悩みを抱えている人たちに向けて書いてます!!!  ネットを駆使して、情弱だったただの社畜オッサンが激ヤバになっていく過程をお届けします。みんなにもそうなってほしいですね〜。 ブログタイトル通り、ブルース好き。2018年10月からYouTubeも始めました。