この記事では、はてなブログで「FID」を改善するための奮闘をお伝えします!?
2023年1月23日に、「FID」の改善策の結果を追記しました
FIDとかいう謎指標改善のために「はてなPRO」へ・・・
うーん、一向に改善しませんね・・・
どうしたの?
サーチコンソール上で評価される「モバイルページの指標」が”改善の余地あり”と判定されていて、なんとか解消したいのですがうまくいきません
ふーん、ちなみに”改善の余地あり”って表示されてる理由は?
スマホなどのモバイル端末でアクセスした時に「FID」と呼ばれる指標が0.1秒を超えているみたいで、「改善する必要があります」と警告を受けています
ならそれを改善すれば解決じゃん!
これが結構大変なんです・・・
「FID」は最初にアクセスした時の「ページ読み込み速度」で、ブログ内に「Javascriptが多かったり」「添付画像の容量が大きい」とFIDは下がるそうです
残念ながら「Javascript」を適切にするのは難しいですね・・・、はてなブログを表示するために使われているものなのでユーザー側ではどうしようもありません
はてなブログである以上どうしようもないってコト!?
となると画像の容量を改善するしかないと思っていました!
画像がペタペタ貼ってあるサイトは重いのは分かるよ~、このブログでもポケモン攻略記事とかは画像は多いね
日中働いて、ブログを週3更新しながらポケモン攻略記事の画像サイズをリサイズするのは面・・・
9記事しかないんだから頑張れ!
そもそも記事を読みやすくするために画像を貼っているのに、その画像を低解像度にするの本末転倒ですよ
あっあああぁああ
お、落ち着いて・・・・
面倒なので金で解決することにします
そんなことできるの?
出来るんですよ、そうはてなPROならね
はてなPROでは広告やヘッダーを非表示にできるので、読み込み速度が向上するはず
ユーザーのために課金するブロガーの鏡?
実際に改善されたかを「PageSpeed Insights」で見ていきましょう!?
このサイトはページの速度を判定し、改善点を教えてくれます
果たして広告非表示の効果はいかに?
「PageSpeed Insights」での測定結果は?
広告あり
まずは広告ありでの測定結果です!
真っ赤だし、点数低いね・・・
はてなブログで使用されている「Javascript」の影響で、もともとモバイルページの点数が低いそうです
問題であるFIDを改善するには、「TBT(Total Blocking Time)」が重要でこのタイムを下げていく必要があります
広告なし
スコアは上がりましたが、「TBT」はあまり改善されず・・・
金で解決できてないじゃん!
うーんと思っていたのですが、何回もサイトを読み込んでいるうちにプロフィール内の「読者になる」ボタンと「Twitterのフォローボタン」の表示が遅いことに気が付きました
確かにボタンの表示が変わるのがワンテンポ遅い!
なのでここを改善します!
広告なし&「読者になるボタンやフォローボタン」をhmtl化!
ネットの記事を参考に、フォローボタンをhtml化します
さっそく測定していこう!
スコアと「TBT」が改善しています
おお、「TBT」が改善されてスコアがなんとか平均の「50」点に乗ってる!!
デフォルトのフォローボタンはかなり読み込むのが遅いことが分かりますね
広告なし&「ツイートの埋め込みなし」&「読者になるボタンやフォローボタン」をhmtl化
個別のページも測定したのですが、残念ながらは改善されていませんでした
えぇ?
この記事には画像も張られれないのになぁと思ったいたのですが、代わりにツイートが埋め込まれていたのでこれをサンスポの記事タイトルだけにします
やっぱり「ツイートの埋め込み」を削除すると「TBT」が向上しました、スコアに波がありますしたまに「TBT」も上がりますが・・・
「ツイート」はスクショ使った引用できないし、結構面倒・・・
代わりはおいおい探しつつ、サーチコンソールで合格がもらえるまでTwitte引用は控えておきます・・・
「FID」は改善されたのか?
初投稿から約一か月が経過しましたので、「PageSpeed Insights」でこのサイトを測定したところ、なんと判定が「合格」となりました!!!
やったね!この記事で紹介した対策が上手くいったのかな?
そうですね、しかしながらどの対策が一番有効だったのかがイマイチ分かりません・・・
ただサーチコンソールでも対策が必要な記事がなくなったので、全体に反映される<広告なし&「ツイートの埋め込みなし」&「読者になるボタンやフォローボタン」をhmtl化>が一番有効だと予想はしています!
もし「FID」で不合格になってる人がいたら、「フォローボタンのhtml化」は試してみる価値があるってコト!?
まとめ
サーチコンソールで評価される指標である「FID」は、ページの読み込み速度で評価されています
だから「Javascript」や「画像の容量」を減らす必要があるんだね~
またはてなブログでは、「読者になるボタンやフォローボタン」、「ツイートの埋め込み」の影響で読み込み速度が遅くなるみたいです
このブログだけかもしれないけどね
ツイートの埋め込みに注意しつつ、サーチコンソールに検証を依頼しました
改善して合格になるとイイね!
ちなみにPROになったけど、解約するの?
せっかくPROになったので独自ドメインを取得して、このブログを運用したいと思います
がんばえ~
<1月23日追記分>
改善策のおかげで、無事「PageSpeed Insights」で合格判定になりました!
「FID」の改善には、多分「フォローボタンのhtml化」が有効だよ!?
この問題にも苦しめられましたが、独自ドメインに移行するきっかけになったので良しとしましょう!
合格くるから余裕だ~