概要
【Vanilla JS】リサイズやスクロールイベントの頻度を減らしてブラウザへの負荷を軽減する方法を紹介。(throttle)用途・要件
- throttleで、リサイズやスクロールイベントの頻度を減らす。
- throttle:イベント処理を実行後、一定時間経過するまでは次のイベント処理を実行しない。
- ブラウザへの負荷を軽減できるためパフォーマンスが向上する。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)