モバイル端末でウェブサイトのスクロールが止まる原因はアドセンスの自動広告

モバイル端末でウェブサイトをスクロールできない問題を解決したサムネイル画像

iPhoneやAndroidなどのモバイル端末でウェブサイトを表示した時に、スクロールがしばらくできなくなったり、引っかかってしまう症状についてウェブサイト管理者向けにご紹介しています。
JavaScriptやCSSの最適化をした事が原因かと思いましたが、結論から言うとGoogleアドセンスの自動広告が原因でした。

モバイル端末でウェブサイトのスクロールが止まる原因はアドセンスの自動広告

スクロールが止まる症状について

当ウェブサイトのスクロールできなかったページの画像
通常はパソコンを使用してWprdPressサイトの作成や編集をしているため、案外モバイルサイトの不具合に気づかないなんて事も多いのですが、以前モバイル端末での表示でハンバーガーメニューが正常に機能しなかったトラブルに続き、今度は特定のモバイル対応ページで一定時間スクロールができなくなるトラブルが発生してしまいました。

以前のハンバーガーメニューが機能しなくなったトラブルはXPageSpeedのjava Scriptの遅延読み込みを無効化する事で解消しているのですが、今度はAutoptimizeやFlying Scripts、WP YouTube LyteなどのWordPressサイト最適化プラグインを複数インストールした後に発生してしまいました。

モバイル対応ページでスクロールができなくなる症状を特定するために1つずつプラグインを無効化して、切り分け作業を行っていきます。

切り分け1 Autoptimize

Autoptimize JavaScriptオプションの設定
全ての最適化機能を無効化したXPageSpeedの代替え機能としてWordPressサイトのAutoptimizeをインストールしていました。
JavaScriptのJSファイルの連結や遅延読み込みの他、CSSの連結、画像の遅延読み込みなどの最適化を行ってウェブサイトの読み込みを高速化するプラグインなのですが、不具合を起こしそうな機能で真っ先に思いついたのがこれです。

特にファーストビューで不具合を起こしやすいJava Script最適化機能をオフにしても変わらず、プラグインを完全に無効化してもスクロールの不具合は解消していなかったので、Autoptimizeは今回のトラブルとは無関係です。

当ウェブサイトのテーマはXPageSpeedとの相性があまり良くなかったのですが、同様の最適化機能を有するAutoptimizeとは相性が良かったようです。

切り分け2 Flying Scripts

WordPressプラグイン Flying Scriptsの設定画面
ウェブページを開いた時に読み込むJavaScriptを一時的にスキップさせて、表示速度を高速化させる事が可能なプラグインがFlying Scriptsです。
GoogleマップやFacebookなどの最初に読み込む必要が無いJSファイルの他に、ページの読み込みを最も遅くさせてしまう原因になっているGoogleアドセンス広告を4秒間遅延しています。

Flying Scripts設定後のPagespeed insightsのモバイルパフォーマンススコア
このプラグイン自体は優秀で、PageSpeed Insightsのパフォーマンススコアで96点以上を取れるまでの間にインストールしたプラグインの中では、最も絶大な効果がありました。

Googleアドセンス広告の遅延時間に問題があったかと思ったけど、無効化しても変わらなかったので、これも原因ではありません。

切り分け3 WP YouTube Lyte

WP YouTube Lyteで変換されたYouTube動画プレーヤーの表示
WP YouTube Lyteは、読み込みが重いYouTube埋め込み動画プレーヤーのサムネイルをサーバーにキャッシュして、ページの読み込みを高速化させられる事ができるプラグインです。

全く関係は無いと思っていたけど、念のため無効化してみたけど、案の定これも全く関係ありません。

結局原因は何だったんだろうと考えていたら、このプラグインのインストールと同時にアドセンスの自動広告を有効化していた事を思い出しました。

アドセンスの自動広告を有効化してはいけないエリアがあった!

有効化してはいけないアドセンス自動広告のエリア

ワードウェブサイト最適化プラグインをインストールしてから、PageSpeed Insightsで95点以上を取る事ができたページが多かった事から、調子に乗ってGoogleアドセンスの自動広告を有効化していた事をすっかり忘れていたのです。

投稿記事(post)でスクロールが出来て、トップページやカテゴリページなどの特定ページでスクロールができなかった原因はここ!
ヘッダーバー周辺の自動広告を設定したページと除外をしたページでスクロールが出来たり出来なかったりしていたのです。

ヘッダーバーやタイトル上のアドセンス自動広告を全てエリアから外して、ファーストビューに広告が割り込んでしまわないように設定を変更したら、モバイル端末でスクロールが出来ない問題が解消されていました。

</head>の直下か<body>の最初にアドセンスの自動広告のコードが割り込んでしまったのが原因だったかと思いますが、ウェブサイトの内部構造を変更したり、新しいプラグインをインストールした後は、PCとモバイルの両方の端末を使用して、ホームページに異常が無いかチェックをしておいた方が良いでしょう。

 

 


YouTubeチャンネルの紹介

Youtubeチャンネルでは、日本国内各地の美しい四季の風景、ネイチャービデオ、花火大会やイベント・お祭り等、クリスマスイルミネーションや夜景、星景タイムラプス映像、Vlog、飛行機や新幹線などの乗り物等の映像をライブラリー化し、世界各地に発信しております。
また、不定期で花火大会やイベントのライブ配信も実施中!
下のYouTubeアイコンからチャンネルを表示していただき、チャンネル登録後に通知をオンにしていただくとライブ配信の通知が受け取れます!
もちろん動画URLや埋め込みタグを使用したウェブサイトへの埋め込みやSNSでのシェアもOKです!



最新の更新情報を受け取れる各種SNSを運営中!フォローや登録はこちら!


関連記事

  1. WordPressサイトのレイアウト崩れ修復方法

    WordPress管理画面のレイアウト崩れの簡単な修正方法!原因はレンタルサーバーの高速化機能

  2. WordPress Popular Postsのサムネイル

    ワードプレスで人気記事ランキングを表示するプラグイン WordPress Popular Posts

  3. Flying Scriptsで高速化する前後のPagespeed Insightsのスコア比較

    WordPress高速化 アドセンス自動広告等のJavaScriptを読み飛ばすプラグインFlying Scripts

  4. 肘をつき悩む女性 [モデル:Lala*]

    WordPress ブログ記事を書き始めて11ヶ月目のアクセス数は?収益は?SEOや書き方も!

  5. WordPressでブログ記事を書いて5か月目 157記事のPV数や収益を公開!

    WordPressでブログ記事を書いて5か月目 157記事のPV数や収益を公開!

  6. 内部検索スパム サーチコンソールの未登録件数

    目障りなSEO To66.Asia 内部検索スパムをRobots.txtでブロック!意地でもクロール禁止にしたい!

  7. 重いプラグインを減らしてWordPressサイトを高速化!読み込みを快適にして直帰率を下げるのがオススメ!

    重いプラグインを減らしてWordPressサイトを高速化!読み込みを快適にして直帰率を下げるのがオススメ!

  8. Xサーバーの高速化設定ページのサムネイル

    エックスサーバーの高速化設定!レンタルサーバーのパフォーマンスを向上して快適に!

  9. WP YouTube Lyteの設定方法サムネイル画像

    YouTubeのサムネイルをキャッシュして高速化するプラグインWP YouTube Lyte

  10. WordPress プラグイン Google XML Sitemapsの設定・使用方法

    WordPress プラグイン Google XML Sitemapsの設定・使用方法

  11. TCD ワードプレステーマGENSEN 検索フォーム

    検索機能が高性能すぎるWordPressテーマ! TCD GENSENでSEO対策がオススメ

  12. 閉鎖したサブドメインのWordPressサイトから新サブドメインに301リダイレクトする方法 サムネイル画像

    閉鎖したサブドメインのWordPressサイトから新サブドメインに301リダイレクトする方法

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

  1. この記事へのトラックバックはありません。

  1. BIUBLE 自動車用ジャンプスターターMサイズを補機バッテリーに接続

    BIUBLEジャンプスターター | 自動車のバッテリー上り…

  2. 本荘川まつり花火大会|6,000発の花火が彩る由利本荘花火大会の一つ|秋田県由利本荘市

    子吉川を彩る第72回本荘川まつり花火大会は、2024年7…

  3. 2023年 神明の花火 グランドフィナーレ

    神明の花火は2024年8月7日に開催!有料観覧席は残り…

  4. 2022年 わたりふるさと夏まつり花火大会のミュージックワイドスターマインの写真

    鳥の海公園で壮大な花火が楽しめる! わたりふるさと…

  5. 田瀬湖湖水まつり 水・空中花火大会

    田瀬湖湖水まつり 水・空中花火大会は、2024年7月27…

  6. ぎおん柏崎まつり海の大花火大会 尺玉100発一斉打上げ

    ぎおん柏崎まつり海の大花火大会を2024年7月26日に開…

  7. 新潟県上越市 高田城址公園観蓮会

    東洋一のハスの花の名所 高田城址公園観蓮会は、2024…

  8. 宮城県登米市 伊豆沼はすまつり

    遊覧船で蓮の花を観賞できる伊豆沼・内沼はすまつり…

  9. レーザーショーと花火が楽しめる2023年 忍野八海祭りの花火大会を観覧してきた! | 山梨県忍野村

    レーザーショーとの競演!忍野八海祭り花火大会は、2…

  10. 能代港疫病退散サプライズ花火

    能代の花火は2024年7月20日に開催!東北唯一の正3尺…

楽天トラベルのバナー画像

よく読まれている人気記事ランキング




Amazonトップページバナー
楽天モバイルアフィリエイト