こんにちは、エディターのエリーです。
サイト上のバナー広告を非表示にできる「アドブロック」。PCブラウザ用の拡張機能やスマホアプリなど、さまざまなアドブロックツールがあります。
それらを使うとバナー広告の読み込み時間が削減できるため、結果的にサイトの表示速度が上がると聞きました。実際どれくらい変わるのか、検証をします!
3つのアドブロックツールで検証します
今回の実験で試すのは、こちらの3つ。
1. Adblock Plus
https://chrome.google.com/webstore/detail/adblock-plus/cfhdojbkjhnklbpkdaibdccddilifddb?hl=ja&gl=JP
世界中で5,000万人以上に利用されているアドブロックツール。バナー、YouTubeビデオ広告、Facebook広告、ポップアップなどをブロックします。
2. Adblock
https://chrome.google.com/webstore/detail/adblock/gighmmpiobklfepjocnamgkkbiglidom
「ブロックする」「ブロックしない」「一時停止」など、操作がシンプルなアドブロックツール。CPUとメモリーの負担を抑えてくれるそうです。
3. Ghostery
https://chrome.google.com/webstore/detail/ghostery/mlomiejdfkolichcflejclcbmpeaniij
バナー広告だけでなくウィジェットやビーコン、分析ツールなどもブロックできるツール。アイコンがかわいい。
アドブロック導入前の表示速度
アドブロックツールを実際に使う前に、現状の表示速度を測定します。測定するのはこちらの拡張機能「Page load time」。
https://chrome.google.com/webstore/detail/page-load-time/fploionmjgeclbkemipmkogoaohcdbig
表示速度をバッチで表示してくれるのが気に入って選びました。
3メディアで比較してみます
それではLIGブログ、Yahoo!ニュース、Facebookの3メディアで計測をしてみます。閲覧履歴データを削除してから、表示速度を測ってみました。
LIGブログ | 83.4 |
---|---|
Yahoo!ニュース | 11.0 |
14.3 |
LIGブログが圧倒的な遅さ……! 回線の問題などもあるとは思いますが、1分半はかなり待たされますね。
※Google Chrome:バージョン 51.0.2704.103 (64-bit)
※無線LANを使用しています
アドブロック導入後の表示速度
そしてアドブロックツールを導入して、そのつど閲覧履歴データを削除しながら計測してみました。
1. Adblock Plus
LIGブログ | 72.9 (-10.5) |
---|---|
Yahoo!ニュース | 4.23 (-6.77) |
9.34 (-4.96) |
2. Adblock
LIGブログ | 52.6 (-30.8) |
---|---|
Yahoo!ニュース | 3.72 (-7.28) |
7.94 (-6.36) |
3. Ghostery
LIGブログ | 12.9 (-70.5) |
---|---|
Yahoo!ニュース | 3.35 (-7.65) |
7.67 (-6.63) |
は、速くなっている……!
全体的に速度が上がりましたが、わたしの場合は「Ghostery」がダントツで速くなっています。マイナス70秒で、かなりストレスが軽減されました。
まとめ
LIGブログはGoogle Adsenseでも収益を上げているので、メディア運営側としては悩ましい結果になりました。
しかし、拡張機能を入れすぎると動作が重くなることもあります。拡張機能を入れなくてもいいような軽さとサイトのバランスを目指すことが一番なのかもしれません……。