Что ты такое, Rendering Engine? Или как работает модуль отображения браузера

[@dayllenger]

P.S. Так как браузер парсит CSS-селекторы справа-налево, то не рекомендуется использовать сложные вложенные селекторы типа div div div, .class div a и т. д. Это может сильно нагрузить браузер. Чем проще селектор, тем лучше.

Дело ведь не в самом парсинге, парсятся-то селекторы быстро и только один раз. Затраты идут на нахождение каскада из правил, которые действуют на элемент. Например, есть у нас правило с селектором вида A B, и есть элемент. Нам нужно взять правый селектор, сопоставить его с элементом. Если успех, то взять оставшуюся часть селектора, т.е. A, и пройти вверх по DOM-у до самого корня, сопоставляя её с каждым предком. И это уже занимает время.

[@anatoliy841993]

спасибо за замечание, изначально не хотел писать про это, в итоге оставил, да еще и с ошибкой) устранил неточность

[@Bakkondy]

крутая статья!!!

[@anatoliy841993]

спасибо!

[@Vadem]

del

[@Nikulio]

Спасибо, очень круто!
Буду рад увидеть новые статьи :)

[@anatoliy841993]

спасибо!

[@avprinciple]

Ещё бы в таком ключе про оптимизацию рассказать, работая с Developer Tools, где что тормозит, блокирует, частые случаи и т.п. А то нынче оптимизация у нас ограничивается в минификации html, css, js, оптимизации картинок (не всегда правильно).

[@anatoliy841993]

Подумаю на эту тему, спасибо

[@Bakkondy]

Крутая статья!!!

[@Bakkondy]

123123

[@Bakkondy]

312321

[@Bakkondy]

123