Атомарное обновление стилей и DOM
 

Делаю карусель. На одном из этапов требуется выполнить 2 действия без промежуточной перерисовки страницы.
Переместить первый элемент карусели в конец и сдвинуть всю карусель вбок на ширину первого элемента.

В данный момент на ПК все хорошо, а вот в мобильных браузерах видно на несколько мс промежуточный этап.

Как можно атомарно выполнить несколько операция или на время отключить принудительно перерисовку страницы, а по факту выполнения включить?

не заставлять браузер прерисовывать вызывая offset и прочие вещи заставляющие браузер перерисовываться .

alexpts, карусель перемещается с анимацией?
если не ошибаюсь, то не как.

именно всё так и работает -сначала закончил работу скрипт потом перерисовка -если принудительно не заставлять браузер перересовываться, методами скрипта запускающими её, разрывом потока выполнения скрипта таймерами

Обе операции идут в одной функции и не разрываются таймером (поток выполнения не прерывается). Но ощущение, что на мобильном браузере перерисовка происходит. На ПК все хорошо.

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

Как замерить перерисовку для мобильного устройства можно не подскажите? Andriod/iphone родной браузер.

демку момжно?

Подготовлю пример и выложу ссылку на http://jsfiddle.net