Комментарии 3
Были очень старые тесты (тут и далее по ссылкам), что современный синтаксис флексбоксов примерно в полтора раза быстрее display: table
и в два с копейками раза быстрее старого синтаксиса (display: -*-box
). Грид с фиксированными размерами, в теории, должен быть еще быстрее (можно разместить элементы с первого раза, не дожидаясь отрисовки предыдущих для определения позиции следующих), грид с размерами по контенту может быть слегка медленнее (именно из-за взаимовлияния элементов на раскладку друг друга). Но на практике надо просто пробовать разное и замерять скорость – интуитивные догадки часто подводят. Верстать на таблицах ради скорости точно не надо:), а на крайний случай можно сделать свою раскладку на position: absolute
(но это на действительно крайний, типа фотогалереи на десятки тысяч снимков).
И с 2017 года была написана куча статей, позволяющих легко влиться в гриды
Понимание CSS Grid (1 часть): Grid-контейнер