ページ全体スクリーンショットで 画像が欠ける、空白になる、同じ部分が繰り返される 場合、たいていは「スクロール中に読み込みが走る」ことが原因です。
よくある対象:
- 遅延読み込み(lazy-load)があるページ
- 無限スクロールのフィード
- 重いUIアプリ(ダッシュボード、Docs、チャット等)
要点
- ページの読み込み完了を待つ。
- スクロール遅延 を上げて再実行。
- 無限スクロールは先に必要分を読み込む。
すぐ効く対処(この順で)
- 読み込み完了を待つ(画像が揃ってから)。
- 重い動きを止める(動画、ライブチャート、アニメーション)。
- Llibenで スクロール遅延 を上げる:
- 設定 → Advanced
- Scroll Delay を増やす
- もう一度キャプチャ
なぜ「スクロール遅延」が効くのか
ページ全体キャプチャでは、Chromeがスクロールしながらフレームを撮影して結合します。
スクロール後の描画に時間が必要なページは、遅延を長くすると「次のフレームを撮る前に」画像やレイアウトが安定しやすくなります。
それでも壊れる(超長いページの場合)
4K/5K環境や極端に長いページだと、ブラウザの画像上限(総ピクセル数)に当たることがあります。
関連: