- このトピックには4件の返信、2人の参加者があり、最後に
により3週、 2日前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】27.3.1
【お使いの Snow Monkey Blocks のバージョン】22.2.1
【お使いの Snow Monkey Editor のバージョン】10.0.4
【お使いのブラウザ】safari
【当該サイトのURL】https://dayto-be.net/### 実現したいこと
メニューを開いて最初に、利用者さまの声をタップすると別のところに遷移してしまいます。
原因など分かりますでしょうか？仮説としてSPの時に画像の出しわけを行ってるのでそれが影響しているのではと思い、セクションをPCとSPで分けてメニューもSPとPCで出し訳しても同様の現象が発生してしまいました。これ以上の解決策がわからず、ご質問させていだきます。ご教授いただけると幸いです。
いいねをした人: 居ません挙動を確認すると、一旦正しい位置にスクロールした後に、その位置より上の画像（スクロールして通り過ぎた画像）の読み込みが開始され、読み込まれると画像の高さ分位置がずれているように見えました。
画像の遅延読み込みをおこなうようなプラグインを使用されていませんか？
いいねをした人: 居ませんありがとうございます。
EWWW Image Optimizerという画像軽量化のプラグインを入れておりました。こちらが原因でしょうか？
一度無効化→再度画像アップして試してみると、利用者の声の位置は直ったのですが、他のセクションでずれてしまいました。
根本の解決をするにはどうしたら良いのでしょうか？(他にセクションごと画像を使用している箇所がないので
いいねをした人: 居ませんEWWW Image Optimizerという画像軽量化のプラグインを入れておりました。こちらが原因でしょうか？
そのプラグインを使ったことがないので断言することはできませんが、js で画像がロードされていたのが普通に読み込みされるようになっているようなので、そのプラグインの影響はあったのかもしれません。
ひとまずプラグインでの画像の非同期読み込みは停止できたと改定して、それ以外にも WordPress の画像ブロックはデフォルトで遅延読み込みされるようになっています。画像に
width・height属性があれば大丈夫という情報もあったのですが、すべての画像にwidth・heightがあるようですし、ちょっと良くわからないところもあるのですが、ページの読み込み速度を劇遅にしてスクロールしてみると画像が読み込まれた瞬間にサイズが確定する挙動が確認できたので、怪しいかなとは思います。試しに、WordPress コアの遅延読み込みを無効化するコードを追加してみてもらえないでしょうか？
My Snow Monkey プラグインか子テーマのfunctions.phpに下記のコードを貼り付けてみてください。add_filter( 'wp_lazy_loading_enabled', '__return_false' );いいねをした人:
- トピック「グローバルメニューを押すと初回だけ別のところへ遷移するバグが発生しているので直したい(スマホのみ)」には新しい返信をつけることはできません。