JQueryパフォーマンス改善

December 9th, 2020

DOMの取得はCPUかGPUが頑張るので、出来るだけセレクタを取得するコードの重複は避けた方が良い。


JQueryではメソッドチェーンを使うと良い

$('.box').css('color', 'blue')
$('.box').css('font-weight', 'bold')
$('.box').text('hogehoge~~')

⭕️

$('.box')
  .css('color', 'blue')
  .css('font-weight', 'bold')
  .text('hogehoge~~')

もしくは var box = $('.box') みたいに変数でキャッシュさせて使いまわすとかも良い。 DOM操作処理は重いのでJQueryに限らず、JavaScriptでDOM操作するときはコードを工夫しよう。