税金・日常

【要対策!】モバイル検索SEOに、表示速度が影響?!

サイトスピード改善

私自身が、一次情報を正しく確認しに行ったわけではありませんが、

どうやらモバイル検索において、サイトスピードの重要性が上がるらしいです!

噂を聞きつけたので、ヒヨコのママLOGのサイトスピードを見てみました~

ヒヨコのママLOGのサイトスピードは?

Googleのモバイルサイトスピード測定ツールで測定したところ、

読み込み時間は、なんと17秒という壊滅的な遅さでした!!

対策の仕方がまったくわからなかったので、手探りでやれることを調べてみました。

ブログ表示速度の測定・改善点チェックは『GT metrix』が便利!

調べていると、GT metrixというページで、表示速度が測定できるだけでなく、

改善点まで無料で調べられるということが分かりました!

GT metrix オフィシャルHP

使い方は簡単で、GT metrixにアクセスし、自分のHPのURLを貼り付けて測定するだけ!

表示速度については、GoogleとYahoo!の両方測定してくれるので、便利ですね~

『GT metrix』で調べたヒヨコのママLOGの結果は?!

GT metrix 結果①

Googleでの評価がE判定で、Yahoo!での評価はD判定みたいですね。。

改善箇所については、表の中に書かれている
Top 5 Priority Isuues
の各項目を見ればいいみたいです!

改善提案に答えてみよう!

せっかく判定したので、改善提案項目を見てみました。

改善項目
Serve scaled images :F
Leverage browser caching :F
Defer parsing of JavaScript :E
Minimize redirects :D
Optimize images :D

どうやら、各項目A~F判定らしく、Fが一番悪い評価のようです。

とりあえず、F項目だけでも対策してみようと思いました!

Serve scaled images :F の対策をしよう!

対策

Serve scaled imagesが悪いということは、
画像のサイズが、htmlやcssでリサイズされている、
ということが表示スピードに悪影響となっていることらしいです。

項目をクリックすると、詳細が出てきます。

1行目の部分を見ていると、940*720の画像が、330*253にリサイズされていることが分かります。

私のブログでは、下記3パターンの画像リサイズが発生していました。

  1. サイドバーにあった画像
  2. JINピックアップ機能にある4つの画像リンクのうち、固定ページへのリンク画像
  3. サイドバーに設置していた「人気ランキング記事」の画像

に関しては、画像を正しいサイズに修正して、置きなおしてみました。

サイズの修正には、iloveimgのページを使用しました!

に関しては、とりあえず、一旦サイドバーのウィジェットから、人気記事を外してみました。

これはちょっと対応要検討ですね。。

上記対策した結果、測定結果が少しだけ改善しました!

対策

Googleでの評価がC判定で、Yahoo!での評価はD判定になりました!

なぜかYahoo!は若干悪化していますが、、

気にせずいきましょう!!

Leverage browser caching :F の対策をしよう!

こちらは、キャッシュを活用して、サイトの表示速度を早くしたほうがいいですよ、という項目の要です。

調べたところ、「W3 Total Cache」というプラグインで改善するということだったので、設定しました。

設定に際しては、バズ部さんの記事を参照させていただきました!

バズ部

https://bazubu.com/w3-total-cache-23854.html

こちらの対策をした結果、以下まで改善しました!

改善結果

Googleでの評価がB判定で、Yahoo!での評価はD判定になりました!

さらにYahoo!の結果が悪くなっていますが、、

今日は疲れたので気にしないことにします!(*ノωノ)

さいごに

今日は、とりあえず壊滅的なFランク部分だけ着手してみました。

Googleのモバイルサイトスピード測定ツールで最後にもう一度測定してみました~

Google表示速度

読み込み時間は、なんと悪夢の17秒から大幅に改善し、6秒まで縮まりました~

ちょっと安心しましたが、まだまだ対策の必要がありそうですね。。

少しずつ勉強します~(*‘∀‘)

ヒヨコちゃん
ヒヨコちゃん
ママ~、Yahoo!どうしたの~??

ヒヨコのママ
ヒヨコのママ
分からない。。
Yahoo!に聞いて!!!

 

(アイキャッチ画像 |Freepikによるデザイン