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. Flying Scriptsで高速化する前後のPagespeed Insightsのスコア比較

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

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

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

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

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

  4. Ultimate XML Sitemaps Generator for Googleのインストール

    動画と写真のXMLサイトマップ作成プラグイン!Google XML Sitemaps Generator Pro

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

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

  6. 自動読み込みがリスクになっているWordPressサイト

    WordPressプラグインの入れすぎがダメな理由を解説!アンインストール後も注意!

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

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

  8. AMP for WP Accelerated Mobile Pages plugin

    WordPress 超高機能AMPプラグイン AMP for WP– Accelerated Mobile Pages

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

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

  10. WordPress Popular Postsのサムネイル

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

  11. エックスサーバーとワードプレス URLの正規化 www無しhttpsに統一をする設定

    URL正規化 www無しhttpsに統一する常時SSL化設定|WordPressサイト×エックスサーバー

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

    WordPressでブログを書き始めて1か月目から11ヶ月目のアクセス数と収益、SEO対策や記事の書き方も!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  8. 2023年 第76回塩竈みなと祭前夜祭花火大会の観覧レポ | 宮城県塩釜市

    塩竈みなと祭前夜祭花火大会は2025年7月20日に開催|…

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

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

  10. 南くりこま高原 一迫ゆり園|約200品種15万球の百合の花が咲く絶景|宮城県栗原市

    南くりこま高原 一迫ゆり園 復活をかけて2025年6月21…

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

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




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