ホームページ

スマホ版 Google Chromeでスクロール時に真っ白になってしまう現象の解決方法

2024年9月11日

※当サイトでは、商品の紹介・サービスの紹介などにアフィリエイトリンク付きで紹介しています。

スマホ版 Google Chromeでスクロール時に真っ白になってしまう現象の解決方法

仕事でホームページの作成などをしているのですが、その時にスマホの Chromeで確認するとスクロール時に画面が一瞬真っ白になってしまうという現象が起きました。
ページとしては、特定のページだけという訳ではなく全てのページで現象が見られます。

結論を先に言いますと、『 Google フォント』が原因でした。

ホームページはWord Pressを仕様しており有料テーマを購入しカスタマイズするという形の案件だったため、色々スクリプトなども書き込んでいたので何か原因があるのか?と思い削除などを試みたが変わらず。色々調べた結果Googleフォントが悪さをしているようなので、一度削除してみたらスムーズになりました。

スポンサーリンク

解決方法

解決方法としては、サーバー上のGoogleフォントを置いて仕様するこれだけです。
Googleフォントを読み込ませると重たくなる!なんて話もよく聞きますが、可動で不都合を感じたのは今回が初めてです。
正直、手間としては若干面倒ですが表示速度上昇だったり、私と似たような現象の人はやってみるのはいいかもしれません。

やり方は。

こちらの方の記事を参考にしたらわかりやすかったです。
サイトも見やすいので、私が説明するよりも上記を見て試してみてください。

スポンサーリンク

まとめ

今回の件は、ページ修正の際に気がついが物で最初はおそらくなっていなかったのではないかと思います。
そうなると、スマホのブラウザ側のアップデートで影響がでるようになったのか、前の記憶なので自分が記憶間違いをしているのか?ですが、極端に可動が可笑しくなるのでそれならその時に気がついているような気がしますが、とりあえず今回は解決したのでよかったです。

それでは、読んでいただいてありがとうございました!





-ホームページ
-