Googleアドセンスを設置したページ読み込みパフォーマンスを向上させるための対策

 Googleアドセンス管理画面で、『サイトの状況』というリンクをクリックすると、自分の管理しているサイトのもっとも広告リクエストが最も多いページが『分析したページ』として出てくる。

 でそのURLをクリックすると、ページの読み込みパフォーマンスを向上させるための対策が表示される。

 みても、なかなか理解できないのだが・・・。

 その中で、赤いマークの出ている『修正が必要』となっている部分の一部くらいは何とかして改善したい。

Googleアドセンスを掲載したページのパフォーマンスを向上させるための対策

1、Googleアドセンス管理画面で、『サイトの状況』というリンクをクリック。

2、自分の管理しているサイトのもっとも広告リクエストが最も多いページが『分析したページ』として出てくるのでURLをクリック。
*任意のURLを入力して『分析』ボタンを押すと、自分の見たいサイトのパフォーマンスが分析される。

 このサイト(FC2ブログで管理していた旧サイト)の場合↓こんな風に対策が書いてあった。

修正が必要

 スクロールせずに見えるコンテンツのレンダリングブロック JavaScript/CSS を排除するこのページには、ブロッキング スクリプト リソース が 5 あり、ブロッキング CSS リソースが 1 あります。
 これが原因で、ページのレンダリングに遅延が発生しています。
  このページでスクロールせずに見えるコンテンツを、以下のリソースによる読み込みを待たずにレンダリングできませんでした。
 ブロッキング リソースを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください。

  • レンダリングブロック JavaScript を削除してください:
    http://blog-imgs-1-origin.fc2.com/js/lib/jquery.js
    http://blog-imgs-1-origin.fc2.com/js/blog/iphone_resize.js
    http://blog-imgs-1-origin.fc2.com/js/blog/sp_acc_menu.js
  • 次のスクリプトの非同期バージョンを使用してください:
    http://pagead2.googlesyndication.com/pagead/show_ads.js
    http://pagead2.googlesyndication.com/pagead/show_ads.js
  • 次のCSS 配信を最適化してください:
    http://blog-imgs-43-origin.fc2.com/f/s/o/fsohuto/css/783de.css

スクロールせずに見えるコンテンツのレンダリングブロック JavaScript/CSS を排除する

 サイトの読み込みパフォーマンスを向上させる対策で、手をつけやすいのは・JavaScriptの削除、・Googleアドセンスのコードを非同期のものと置き換える。

 『詳細を表示』のリンクをクリックすると、削除したほうが言いというJavaScriptが出てくるので、まずはそのJavaScriptを削除して更新してみる。

 このサイトの場合↓
http://blog-imgs-1-origin.fc2.com/js/lib/jquery.js
http://blog-imgs-1-origin.fc2.com/js/blog/iphone_resize.js
http://blog-imgs-1-origin.fc2.com/js/blog/sp_acc_menu.js
 この3つのJavaScriptが削除対象。

 FC2ブログの場合、指定されたJavaScriptを削除しても、問題なくスマートフォンサイトに表示されているようだ。

 また、Googleアドセンスのコードを非同期にするのも推奨されていて、それもアドセンスのコードを書き換えるだけでできるので、手をつけやすい。

 『次のCSS 配信を最適化してください』とか、HTMLやCSSの縮小、圧縮、ブラウザのキャッシュを有効にするなどは知識がなくていまいち対処できない。

 特にスマートフォンサイトなどは、Googleアドセンスはページの読み込み速度を重視しているようで。

 できそうなところから手をつけてみるといいと思う。

WordPressの場合

 Wordpressの場合は、いろいろなプラグインを導入することでもサイトの読み込み速度を改善することもできる。

 ただし、プラグインとテンプレート(テーマ)の相性もある。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

音譜 はどうやって表示する?
広告や画像を横並べにするHTML
FC2ブログカスタマイズ「拍手ボタンの設置・拍手を自由な位置に配置する」
スタイルシートの擬似要素after、beforeで前後に文字や画像を入れることができる
FC2ブログの全記事リストを表示する時のHTMLタグと注意点
WordPressのサイトマップをGooglewebマスターツールに登録しよう
WordPress(オープンソースのテンプレート)が使えるレンタルサーバー
Bloggerで半角ダブルクォーテーション(")が自動で全角変換にされてしまう設定を変更しよう
Googleカスタム検索で自分のサイトへ戻るためのリンク設定をする
wordpressでスマートフォンだけに表示・非表示を行う
FC2ブログテンプレートの文字の大きさを変えてみよう
ドメイン選びの注意点
FC2ブログの記事データーを他社のブログに流し込むこともできる
RSSボタンをスタイルシートで作ってみたよ
wordpressは半角のダブルクォーテーションが勝手に全角に変換されて表示される

Menu

HOME

 TOP