Найти веб-ресурс, причиной медлительности которого является CSS, достаточно непросто. Тем не менее, это возможно. Данный пример касается использования вложенных элементов CSS grid.

Оказывается, количество вложенных блоков, для которых применяется сочетание CSS-свойств display: grid и height: 100%, экспоненциально влияет на время загрузки сайта.

Так, 15 уровней вложенности таких элементов создают около 30 DOM узлов, время загрузки которых в Chrome/Firefox составляет более тридцати секунд.

Спасибо за внимание.