THE THOR(ザ・トール)サイトの評価点をアップ 52→82 PageSpeed Insights

THE THOR 記事一覧

こちらはpage speed insightsの評価基準変更前の記事です。
スマホでの評価基準が厳しくなっており、現在(2019.2)の当サイトの評価点は、モバイル30〜40、PC80〜90程度です。
少し評価が緩くなったようです(2019.2.11)モバイル70前後、PC90前後となっています。

自分のサイトの評価って気になりますよね?

前回はモバイルでの読み込みスピードをテストしました。

サイトのスピードを測ってみたら4秒だった

 

今回はモバイルとPCでのサイトの評価はどれくらいなのか?

PageSpeed Insightsを使用しました。

THE THOR 使用サイトを計測。PageSpeed Insightsの評価は?

PageSpeed Insightsの使い方は簡単です。

評価したいサイトのURLを打ち込むだけです。結果はモバイルとPCにわかれて表示されます。

 

PageSpeed Insightsで最初に行った評価↓

モバイル 52 PC 88

 

解決案が表示されますが僕のような素人には何のことだか良くわかりません。

ハッキリとわかったのはサーバーが遅いということ。

あとは画像やcssなどの読み込みを後回しにしたほうがいいんじゃない?といわれてる気がしたぐらいでした。

THE THOR の設定変更でテスト結果が大幅にアップしました。

サーバーの件は大がかりになるので保留

画像とCSSの同期設定を変更しました。

 

参考までに変更した現在の設定↓

THOR 同期

  • メインCSSにチェックを入れると画像が表示されなくなる不具合が出たのでチェックしません。(子テーマを使用しています)
  • SwiperCSSとYTPlayerCSSの部分はその機能自体を使用していないのでチェックしません。
  • imgファイルはチェックを入れるとAdSenseの画像がおかしくなる不具合が出たのでチェックしません。

※あくまで参考なので設定は自己責任でお願いします。

 

上記のように設定を変更して再テストしました↓

モバイル 82 PC 95

 

モバイルが+30
PCが+7 アップしました!

 

びっくりするほどスコアがあがりました。

実際に体感スピードもあがった気がします(プラシーボかな?)

少し気になるのはCSSを部分的に非同期にしたので読み込み中にレイアウトが崩れた状態でページが一瞬表示されます。

キャッシュすると無くなるようです。まー正直、仕組みはよくわかりません。

結果が全てです。

あとがき

これ以上の対策はサーバー変更と画像サイズの最適化、AMPの導入あたりになるかと思います。

このテストはやる度に10ぐらいは平気で変わるので現状ではこれくらいで満足です。

THE THOR 記事一覧

THOR 同期 ワードプレス
呟くのよ・・・私の棒ストが