Какие знаешь способы избежать Relayout

Используй transform вместо top/left
transform не вызывает relayout, так как работает на GPU:

.element {
  transform: translate(50px, 50px);
}

Избегай чтения layout-свойств (offsetWidth, getComputedStyle)
Чтение этих свойств форсирует синхронный пересчёт layout. Оптимизируй код, группируя чтение и запись (см. FastDOM).

Применяй will-change
Подсказывает браузеру, что элемент будет изменяться, позволяя оптимизировать рендеринг:

.animated {
  will-change: transform;
}

Используй position: absolute/fixed
Абсолютно позиционированные элементы выпадают из потока и меньше влияют на соседей.

Оптимизируй CSS-селекторы
Сложные селекторы (например, div:nth-child(3) > a:hover) замедляют перерасчёт layout.

Batch DOM-изменения
Вместо множества мелких правок используй DocumentFragment или скрывай элемент (display: none) на время изменений.