記事内に広告が含まれています。

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

ブログを作ろう ウェブサイト・ブログ作成
ウェブサイト・ブログ作成
この記事は約4分で読めます。

 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の場合は、いろいろなプラグインを導入することでもサイトの読み込み速度を改善することもできる。

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

コメント

タイトルとURLをコピーしました