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

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

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

WordPressのモバイル表示でスクロールが止まる症状について

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

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

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

原因の切り分け1 Autoptimize

Autoptimize JavaScriptオプションの設定
全ての最適化機能を無効化したXPageSpeedの代替え機能としてワードプレスプラグインの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を運営中!フォローや登録はこちら!


X Postをタップして、@jvcameratravelを付けたまま記事をX(旧・Twitter)でシェアをすると、弊社運営のXアカウントにてあなたのポストをリポストするアカウント拡散キャンペーンを行っています。
不要な時は@jvcameratravelは外してね!

関連記事

  1. WordPress6.5とXアクセラレータの不具合

    WordPress 6.5 Redinaアップデート!XアクセラレータVer.2で504の不具合

  2. WordPressを高速化するプラグイン3選 サムネイル画像

    WordPressを高速化!95点から100点を取れる軽量爆速の無料プラグイン3選

  3. オプション設定で添付ファイル自動生成ページが有効化になっている

    画像がサーチコンソールで未登録!WordPressメディア添付ファイルページを無効化する方法

  4. Googleサーチコンソールへの登録

    Googleサーチコンソールで検索登録してSEO対策!XMLサイトマップの送信と使用方法

  5. 記事の最後に定型文を自動表示するWord Pressプラグイン!Add Widget After Content

    記事最後に定型文を自動表示するWordPressプラグイン!Add Widget After Content

  6. サーチコンソールのエラー

    Word PressのXMLサイトマップ作成プラグイン!Sitemap Pro by BestWebSoftで確実にインデックス登録!

  7. WordPressサイトの記事をXでシェアした時にカードを大きく表示する方法

    WordPressサイトの記事をX(旧Twitter)でシェアした時にカードを大きく表示する方法

  8. udinra sitemap proの購入

    【公開終了】Udinra Sitemap pro – WordPress画像・動画サイトマップ作成プラグインの使用方法

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

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

  10. WordPressプラグインWP Rocketの購入ページと3つの料金プラン

    WP Rocketのレビュー!高機能キャッシュ&最強のWordPress高速化プラグイン!

  11. WordPressサイトの写真や画像が色褪せたり色が変わる原因の対策や対処法

    WordPressサイトの写真や画像が色褪せたり色が変わる原因の対策や対処法

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

    WordPress高速化プラグインFlying Scripts|重いアドセンス等のJavaScript遅延読み込み

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

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

  1. EXPO2025ブルーインパルス大阪・関西万博フライトの演目

    EXPO2025 ブルーインパルス 大阪・関西万博の展示飛…

  2. 栃木県那須郡那須町 駐車場から眺める殺生石園地全景の景色

    九尾の狐の那須伝説が残る国指定名勝「殺生石」|栃…

  3. SOFT99 ディグロス 鬼黒 タイヤワックスのパッケージ

    自然な黒艶で美しく保護!SOFT99の水性タイヤワック…

  4. 楽天モバイル×富士ソフト ポケットWi-Fi FS050W

    楽天モバイルをWi-Fi専用で使用!富士ソフトのモバイ…

  5. ザハトラーFSB8へのHaoge Tie Down Short Threadedノブ取り付け風景

    短くて激安!ザハトラービデオ三脚雲台用ボールクラ…

  6. DHLの国際配送で日本に届くまでの荷物追跡履歴

    DHLで荷物を国際発送・受け取り 到着日数や荷物の追…

  7. 尺玉のド迫力を体感!三条夏まつり大花火大会 | 新潟県三条市

    三条夏まつりは2025年7月25日から開催!26日に花火大…

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

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

  9. 2023年 大曲の花火 全国花火競技大会 大会提供花火

    大曲全国花火競技大会は2025年8月30日に開催!有料観…

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

    神明の花火は2025年8月7日に開催!有料観覧席も販売…

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

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




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

記事内の目次