wydajność selektorów Opcje

[erix]

Ostatnimi dniami chyba panuje wysyp moich trudnych pytań, na które mało kto zna odpowiedzi, ale co tam. (IMG:style_emoticons/default/biggrin.gif)

Mianowicie, mam element w DOM:

Kod

body
-- tag
---- tag2
------ #ident

Czy uszczegółowanie selektora do postaci:

[CSS] pobierz, plaintext 
body > tag > tag2 > #ident
[CSS] pobierz, plaintext 

będzie lepiej rzutować na wydajność aniżeli samo:

[CSS] pobierz, plaintext 
#ident
[CSS] pobierz, plaintext 

?

Z tego, co wiem, to ponoć ten drugi wystarczy, ale przyznam, że nie znam budowy engine'ów przeglądarek do wyszukiwania po DOM, dlatego pytam. (IMG:style_emoticons/default/winksmiley.jpg) Przegoogle'owując przy okazji, oczywiście. Ale opiniami praktyków nie pogardzę.

[erix]

Nie do końca jest tak, jak tam napisano. Bowiem:

http://css-tricks.com/more-on-css-selector-performance/

+ ludzie na Blipie mi uświadomili, że selektory są parsowane począwszy od prawej. Przeglądarka wyciąga wszystkie elementy pasujące do skrajnego prawego selektora, a potem już tylko filtruje wyciągnięte. Więc potwory w stylu:

[CSS] pobierz, plaintext 
#subkontener element
[CSS] pobierz, plaintext 

Wyciągnie najpierw wszystkie element z dokumentu, dopiero potem sprawdzi dla każdego, czy #subkontener jest rodzicem któregoś z nich.

Zrujnowało to moje wiadomości o CSS, ale człowiek się przecież ciągle uczy. (IMG:style_emoticons/default/biggrin.gif)