Понимание CSS Grid (1 часть): Grid-контейнер

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