Сдвиг страницы из-за flex order

Попался интересный случай. На сайте шапку переместили ближе к футеру, чтоб контент страницы был выше в исходниках. А после, в css поменяли порядок блоков свойством order.

Визуально всё хорошо, страница открывается сразу с нужным порядком блоком. Но pagespeed упорно пишет, что есть сдвиг блоков при загрузке (параметр cls был около 0.25сек). Стоило убрать order у блоков и переместить их на место вручную, как cls упал до нуля.

Вот как это работает:

content

header

footer

В исходниках:

<div style="display: flex; flex-direction: column">
	<div style="order: 2">content</div>
	<div style="order: 1">header</div>
	<div style="order: 2">footer</div>
</div>

Будьте осторожны с такими решениями.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.