Comments 13
P.S. Так как браузер парсит CSS-селекторы справа-налево, то не рекомендуется использовать сложные вложенные селекторы типа div div div, .class div a и т. д. Это может сильно нагрузить браузер. Чем проще селектор, тем лучше.
Дело ведь не в самом парсинге, парсятся-то селекторы быстро и только один раз. Затраты идут на нахождение каскада из правил, которые действуют на элемент. Например, есть у нас правило с селектором вида A B, и есть элемент. Нам нужно взять правый селектор, сопоставить его с элементом. Если успех, то взять оставшуюся часть селектора, т.е. A, и пройти вверх по DOM-у до самого корня, сопоставляя её с каждым предком. И это уже занимает время.
крутая статья!!!
del
Спасибо, очень круто!
Буду рад увидеть новые статьи :)
Буду рад увидеть новые статьи :)
Ещё бы в таком ключе про оптимизацию рассказать, работая с Developer Tools, где что тормозит, блокирует, частые случаи и т.п. А то нынче оптимизация у нас ограничивается в минификации html, css, js, оптимизации картинок (не всегда правильно).
Крутая статья!!!
Sign up to leave a comment.
Что ты такое, Rendering Engine? Или как работает модуль отображения браузера