сколько DOM обновляется, если я перемещаю маленькое изображение?

Question

Вопрос новичка: я делаю простую HTML-игру. Он состоит из следующих слоев DIV:

z=1: large image (framing image)
z=2: medium image covering z1 (houses, trees)
z=3: small image covering z2 (character)
z=4: semi transparent image covering z3 (foreground objects)
z=5: medium image covering z2 but not z3 (other objects on the scene)

Если я переместу персонажа (слой z3), какие части DOM будут обновлены? Я знаю, что это зависит от браузера, но существуют ли общие правила для минимизации изменений?

Answer 1

Пол Айриш (Paul Irish) сделал короткое видео о том, как получить эту информацию из Chrome через DevTools. Он расположен на http://paulirish.com/2011/viewing-chromes-paint-cycle/

Хотя все браузеры будут несколько отличаться в том, что происходит во время перерисовки, это должно предложить некоторую точку опоры.