表示速度の比較検証｜にほんブログ村と人気ブログランキング｜バナー削除・必要判断

にほんブログ村と人気ブログランキングのバナーが表示速度に与える影響の具体的数値

これをインターネットで提示している日本人０人なんすけど（本記事初公開日時点）。
「感覚的に削除した」や「流入意味が見出せないから削除した」ばかりでした。数値が全くない。
そんな定量的データもない記事公開しても無意味に等しい。
数値化しろ。単なる感想文に、意味などないから。
感想文はアメブロの年配女性たちで十分だ。

そういうわけでIraのサイトを用いて実測しデータを出力しました。
ASDは白黒つけるのを好む傾向が強いとされます。
実務的だね。

表示速度の比較検証に用いた計測ツールとChromeのデベロッパーツール（Networkパネル）

・GTmetrix→登録なしの無料利用は１日３回まで。今回の検証には不向き
・pagespeed insights→無料利用に上限原則なし。今回の検証で使用した
・Chromeのデベロッパーツール（Networkパネル）→バナー削除後３０分以上経過しても測定が不安定だったので結局これが有用となった

今回削除と検証対応のバナー

１）にほんブログ村（バナー３つ）

バナー３つあり：サイドバー２・ページ自動表示１（ブログパーツ利用）

２）人気ブログランキング

【1計測目】バナー削除前｜

にほんブログ村のバナー３つ（サイドに１つ、ブログパーツで全ページに２つ）。
そのうちサイドバーの１つを削除する前の直前実測結果。

【２計測目】バナー２つあり：サイド１・ページ自動表示１（ブログパーツ利用）

サイドのバナーを１つ削除し計測。キャッシュクリア未実施。

【３計測目】バナー２つあり：サイド１・ページ自動表示１（ブログパーツ利用）

WP-Optimize（プラグイン）を用いて画像の項目のキャッシュクリアを実施。
その後計測したところさらにスコアが悪化。
そのためChromeのデベロッパーツール（Networkパネル）で計測。

💻Mac版Chromeでのサーバー応答確認手順

1. 該当ページを開く MacのGoogle Chromeで [https://maharajima.com/](https://maharajima.com/) を開きます。
2. デベロッパーツールを起動する キーボードの Command + Option + I を同時に押します。（または、画面上で右クリックし「検証」を選択します）
3. 「ネットワーク」タブを開く 画面右側（または下部）に開いたデベロッパーツールのパネル上部から、「ネットワーク (Network)」タブを選択します。
4. ページを再読み込みする ツールを開いたままの状態で、キーボードの Command + R を押してページをリロードします。パネル内に通信のリストが流れます。
5. HTMLリクエストを選択する リストの一番上に表示される該当のドキュメント（例：maharajima.com）をクリックします。
6. 「タイミング」タブを開く 右側に詳細パネルが表示されるので、上部の「タイミング (Timing)」タブをクリックします。
7. TTFBの数値を確認する 項目内の下部にある 「Waiting for server response (TTFB)」 （または「サーバーからの応答を待っています」）の横に表示される時間（ms / ミリ秒）を確認

【４計測目】人気ブログランキングバナーの削除後

人気ブログランキングバナーの削除前が前述の３計測目です。

GTmetrixの実測結果画面

無料で３回までしか使えなかったので明日以降の実測となる。2つ目の画像は2022年以前の古いサーバ契約とのサイト。これはサーバーが原因でかなりスコアが悪い別英語版サイト。

2026年googleはサイト表示速度基準を厳しくした

日本のデジタル庁と総務省も推奨している対応です。詳細と経緯は別記事参照。
不要なバナーは削除が望ましいです。今後はさらに表示速度基準が厳しくなることが予測されます。
ので１年以上流入を調査した結果、人気ブログランキングのバナーの削除方針に至りました。