Thanks to visit codestin.com
Credit goes to devhints.io

These are CSS properties that will cause "layout thrashing". Avoid changing them to prevent bottlenecks in your UI performance.

Layout thrashing

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’)

Also see

0 Comments for this cheatsheet. Write yours!