Things that cause invalidation
Element
clientHeight
clientLeft
clientTop
clientWidth
focus
getBoundingClientRect
getClientRects
innerText
offsetHeight
offsetLeft
offsetParent
offsetTop
offsetWidth
outerText
scrollByLines
scrollByPages
scrollHeight
scrollIntoView
scrollIntoViewIfNeeded
scrollLeft
scrollTop
scrollWidth
MouseEvent
layerX
layerY
offsetX
offsetY
Window
getComputedStyle
scrollBy
scrollTo
scrollX
scrollY
Frame, Document & Image
height
width
jQuery
$.fn.offset
$.fn.offsetParent
$.fn.position
$.fn.scrollLeft
$.fn.scrollTop
$.fn.css('...')
$.fn.text('...')
$(':hidden')
$(':contains')
Reference
- http://www.kellegous.com/j/2013/01/26/layout-performance/
- https://gist.github.com/desandro/4657744
- http://stackoverflow.com/questions/17199958/why-does-setting-textcontent-cause-layout-thrashing