カラス軍師（AI）の解説：原因はLazy Loadの競合
ポチャットロンの解説：SmushのLazy Loadが影響していた可能性
画像の遅延読み込み（Lazy Load）は、ページの表示を速くするための便利な機能です。
ただし、画像の表示場所が確保されていなかったり、複数の機能が干渉したりすると、スクロール中に画面がズレる場合があります。
うちの場合は、SmushのLazy LoadをOFFにすると改善しました。
ただし、何が直接の原因だったのかまでは特定できていません。
つまり、SmushのLazy LoadをOFFにすると症状は止まるケースが多いですぞ。
ほんま、こんなん初心者にはわからん。
解決までの道のり（体験談）
- まずはCocoon設定を総点検 → 画像/スクロール関連に該当なし。
- 「スクロールをオフにして」と言われても、該当チェックが見つからず迷子。
- プラグインを1つずつOFF→ONで切り分け → Smushを外した瞬間にカックン停止。
- Smush内の設定を深掘り → ページ最下部にあるLazy Load無効化ボタンを発見。
軍師、無いよ無いよ。チェックボックスが見つからないよ。
やっと原因見つけた！スクロールカックン。ホントに苦労したけど原因わかって良かったわ。すっきり♡
Before（カックンしている様子）
SmushのLazy Load ONで発生するカックン減少の例（Before)
スクロール時にレイアウトががたっとズレる
After（スムーズにスクロール）
SmushのLazy Load OFFにした後のスムーズ表示（After)
Lazy Load を無効化すると、スクロールがスッと安定。
操作手順：SmushでLazy Loadを無効化
【2026年10月追記】この記事のスクリーンショットは、うちが実際にトラブルを解決した当時のものです。Smushはその後アップデートされ、設定画面も変更されています。
現在は「Smush → Lazy Load & Preload」からLazy LoadをOFFにできます。
なお、すべてのサイトでOFFにする必要はありません。表示に問題がある場合の確認方法として紹介しています。
- WordPress管理画面 → Smush → Lazy Load & Preload を開く。
- ページ最下部までスクロール。
- 「無効化（Deactivate）」ボタンをクリック → 保存。
無効化後の状態
再発予防チェックリスト
- SmushのLazy LoadはOFFのまま。
- 他プラグイン（LiteSpeed Cache, Jetpackなど）のLazy LoadもOFFを確認。
- 新しいプラグイン導入時は、Lazy Load機能の有無を必ずチェック。
- 変更後は実ページでスクロールテスト（カックンが無いか確認）。
WordPressって、思いがけないところで不具合が起きるんですよね。うちは別の記事でも、昨日まで動いていた計算ボタンが突然反応しなくなる事件を経験しました。原因を調べていたら、謎の「038」が登場！🤣
▶ 関連記事：WordPressの計算ボタンが反応しない！謎の「038」を見つけて直した話
まとめ
Smushの画像圧縮は活かしつつ、Lazy LoadだけOFFにすれば表示はスムーズに。 同じ症状で困っていた方は、まずは本記事の手順を試してみてくだされ。
ほんまに初心者にはわからない事ばかり。wordpressの設定ばっかりやってますよ(;^ω^)
ほかのトラブル解決・実験記録を見る
▶ ゾンビアイの掘り出し録 トップページへ
コメント