Осторожно. CSS grid
будьте внимательны, используя сочетание CSS-свойств display: grid и height: 100%
Найти веб-ресурс, причиной медлительности которого является CSS, достаточно непросто. Тем не менее, это возможно. Данный пример касается использования вложенных элементов CSS grid.
Оказывается, количество вложенных блоков, для которых применяется сочетание CSS-свойств display: grid и height: 100%, экспоненциально влияет на время загрузки сайта.
Так, 15 уровней вложенности таких элементов создают около 30 DOM узлов, время загрузки которых в Chrome/Firefox составляет более тридцати секунд.
Спасибо за внимание.
