エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[JavaScript] スクロールイベントを最適化してパフォーマンスを向上させる方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[JavaScript] スクロールイベントを最適化してパフォーマンスを向上させる方法
ページのスクロールの滑らかさが損なわれると UX の低下に繋がる。 スクロールイベントの最適化スクロー... ページのスクロールの滑らかさが損なわれると UX の低下に繋がる。 スクロールイベントの最適化スクロールイベントは発生頻度が多いため、実装内容によっては Scroll Jank を引き起こす可能性がある。 イベント内でpreventDefault()が呼ばれている可能性がある({passive: false})サイズや位置を取得する処理がある(対象 DOM の位置を取得するため Forced Synchronous Layout が発生する可能性がある) 参考 - What forces layout / reflowこれらの対策には、大量の処理イベントを間引く throttle が一般的である。 また、処理内でpreventDefault() を呼ばないのであれば、Passive Event Listenerを利用することも可能である。 60fps と端末のリフレッシュ レート今日の端末