Нормально ли использовать flexbox по всюду? Скорость загрузки не пострадает?

Question

[Andrei Popov]

Нормально ли использовать flexbox по всюду? Слышал что это увеличивает время загрузки станицы, так как css свойства флексбокса долго обрабатываются браузером.

Comments

[boga-net]

А где вы это слышали ? Это бред )

Answer 1

[Иван Фронтендов]

Flexbox layout isn't slow https://developers.google.com/web/updates/2013/10/...

Comments

[Артур Мустафин]

Ради разнообразия, почитайте, чем flexbox отличается от css-grid. А именно про адаптивную верстку, и то, как по разному ведут себя css-grid и flexbox. Flexbox - это одномерный контейнер, а css-grid - двухмерный контейнер, фактически css-grid уместно использовать в ситуациях, когда у вас используется 2-d сетка, которую нежелательно превращать в flexbox. Поэтому, если у вас не использутся адаптивная 2d-верстка, то использовать flexbox разумно. Скорость загрузки не зависит от лейаута до тех пор, пока динамический код не вызывает иземения содержимого flexbox контейнеров и не требует пересчета layouts, не выходит за границы layouts компонент и не вызывает повторную инициализацию рендеринга всей страницы, например в javascript, манипуляцией с document API, DOM, ленивой загрузке стилей и т.д. и т.п. до окончания рендеринга страницы. В целом расчает layout для flexbox осуществляется за один проход и, в принципе, не может вызвать какие-либо тормоза, если вы не меняете параметры рендеринга (размер страницы, элементов flexbox и т..д. и т.п.)

Answer 2

[WapSter]

Постоянно использую вот уже 3 года как, не замечал, чтобы как то влияло на скорость. Сейчас использую grid + flex тоже самое, все нормально быстро отображается.