【特集】WordPress高速化への挑戦!

ブログの表示速度を遅くしないための広告の貼り方とは!?

SNSで流れてきた商品をポチろうか悩んでいる女子

ブログを作っているほとんどの人は、広告を貼っていることでしょう。

多少なりとも収入が得られれば、サーバー代がまかなえますもんね。

ブログを続けるモチベーションにもなるし、悪いことではありません。

 

ただ、広告の貼り方によってはGoogleのPageSpeed Insightsのスコアを下げている

すなわち、ブログの表示速度を遅くしているということに気づいていましたか?

私自身、最近になって「あ~なるほど。そういう仕組みなのか」と合点がいき、

とても納得したものです。

 

ひょっとしたら、広告の貼り方でブログの読み込み速度を下げている!?

のかもしれませんよ。

広告が読み込み速度をに与える影響

例えば、Googleのアドセンスのバナーをブログに貼る、

あるいは、有名どころのA8.netのバナーを貼るとか

各種バナーをブログに貼っているとき、サイトの表示速度に対して

どのような影響を与えているのでしょうか?

考えたことあります? 私は、まったく気にしていませんでした。(笑)

 

ここで、当サイトのPageSpeed Insightsの指摘事項を見てみましょう。

広告が参照するJavaScript

 

”ブラウザのキャッシュを活用する”という指摘の中に

Googleの広告が利用するJavaScriptが挙げられています。

もう1つ見てみましょう。

広告が参照する画像

 

こちらは、画像を最適化するという指摘に

Googleの広告と別の広告が参照する画像が挙げられています。

 

指摘に上げられているからには、評価に対してマイナス要素となっているわけです。

よって、広告が何かしらスコアを下げる要因、

すなわちサイトの読み込み速度にマイナスの影響を与えているということがわかります。

読込速度を遅くしているカラクリ

では、なぜマイナスの影響を与えることになってしまったのでしょうか?

その理由は、”動的なサイト生成”にあります。

 

ユーザがそのサイトを開いたとき、

広告を配信しているサーバーから画像やJavaScriptが読み込まれ表示されます。

つまり、ページを開くたびに読み込む処理が発生しているのです。

これが「動的である」という意味です。

 

当サイトで使っている画像は、全て圧縮していますが、

他社サーバーにある画像は圧縮できませんよね。

できないから「圧縮していません」という指摘が出てしまうのです。

 

であれば、バナーの画像をこちらのサーバーに取り込み圧縮したうえで

サイトで表示するように変えてやれば、この問題は解決するでしょう。

【参考記事】
 icon-external-link WordPress高速化!全画像を一括圧縮するEWWW Image Optimizerの使い方!!

【広告】

読み込み速度を遅くしない広告の貼り方とは?

では、読込速度を遅くしないための広告の貼り方を挙げておきます。

  • 他のサーバーを参照するコードは、できるだけ使わない
    使う場合は、読込速度に影響を与えることを理解しておく
  • バナー画像を自分のサーバーに取り込めるのであれば取り込み、
    アフィリエイトのURLを<a href>タグで囲むようにする
  • 無用な広告は貼らない(使用を止める)

 

先ほどの画像の例であれば、

バナー画像をダウンロードしてWordPressのメディアに追加しておきます。

そして、その画像の参照先リンクをアフィリエイトURLにするという方法で

広告を貼るようにしましょう。

 

GoogleのAdsenseコードは動的に広告を変えることが特長ですので、

これを回避するのは不可能です。

GoogleのAnalyticsコードにも同じことが言えます。

どうしても回避したいのであれば、AdsenseもAnalyticsも使わないことです。

まとめ

広告の最適化をまったくしていないところから、

上にまとめた考え方に基づき当サイトで最適化を行うと、

10点ほどスコアが改善する効果がありました。

 

これは、あくまで目安の数字と考えてください。

個々のサイトによって事情は変わりますので。

 

ただ、何もしないよりかは当然効果がありますよね。

もし、サイトの読み込みが遅いと困っているのであれば、

こういうところも見直してみてはいかがでしょうか?

【広告】

関連記事

  1. イケメンにフィッシュオン!

    WordPress高速化のための最適なJPEG/PNG/GIF使い分けはこれだ!!

  2. ごめん、待たせちゃった・・・

    deflateを使用してリソースを圧縮する方法!WordPressが劇的に高速化!!

  3. 目を閉じるたびに思い出す

    PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!

  4. ランタンを見つめる文学美女

    WordPress最適化をした結果PageSpeed Insightsスコアはどう変化したのか!?

  5. 休日を読書で過ごす女性

    ブラウザのキャッシュを活用する-たったの5分で改善する方法!!

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

WordPressテーマ「SOURCE(TCD045)」

人気記事

  1. 目を閉じるたびに思い出す
  2. はい、正解は私でした
  3. 休日を読書で過ごす女性
  4. ごめん、待たせちゃった・・・
  5. イケメンにフィッシュオン!
  6. 指をさすビジネスウーマン
  7. 「いいね!」するビジネスウーマン
  8. 「問い合わせ先はコチラ!」と告知する地方局のアナウンサー
  9. スマホで健康管理を行う意識の高い女性
  10. SNSで流れてきた商品をポチろうか悩んでいる女子

広告




おすすめ記事

  1. ランタンを見つめる文学美女 WordPress最適化をした結果PageSpeed Insightsスコアはど…
  2. はい、正解は私でした 賢威7サイトタイトルとトップページタイトルの違いを易しく説明します!!
  3. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
  4. すべてを許したくなるエンジェル笑顔 WordPressで投稿済みの記事を一括置換できるSearch Regexの使い…
  5. 「OK、そういうこと!」と締めくくるキラキラ女子 賢威7を使ってココが良かったと思う3つのこと(投稿画面編)
  6. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  7. メモを取る女性 お名前.comからエックスサーバーへのドメイン移管手続き備忘録

特集記事

  1. 指をさすビジネスウーマン HTML・JavaScript・CSSを縮小するAutoptimizeの使い方と…
  2. イケメンにフィッシュオン! WordPress高速化のための最適なJPEG/PNG/GIF使い分けはこれだ!…
  3. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  4. 「いいね!」するビジネスウーマン WordPress高速化!全画像を一括圧縮するEWWW Image Optimi…
  5. ごめん、待たせちゃった・・・ deflateを使用してリソースを圧縮する方法!WordPressが劇的に高速化…
  6. 休日を読書で過ごす女性 ブラウザのキャッシュを活用する-たったの5分で改善する方法!!
  7. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
PAGE TOP