[jQuery] follow up on real world speed test
Hey guys and gals,
Not sure if this is beating a dead horse, but per my suggestion on an earlier post, I decided to take a real site and using the "SlickSpeed Selector Test," and test it out.
I took the html from today's
<a href="http://digg.com">digg.com</a> home page and changed the selectors to match it's content. I also added some full path selectors because I really did not know what would be faster, those are located toward the bottom of the list. With my new selectors, the test takes a bit longer, from start to finish it took about 2min 20 sec.
I personally still don't get the li[class|=di], li[class~=digg-it], li[class*=igg], li[class$=it], li[class^=digg], I read the <a href="http://docs.jquery.com/Selectors">http://docs.jquery.com/Selectors</a> page, but still don't get the full benefit of using them. Maybe someone can explain this to me.
If anything, this at least shows me how I should be coding my jquery for faster dom selections.
Link to speed test: <a href="http://www.kenzomedia.com/speedtest/">http://www.kenzomedia.com/speedtest/</a>
Link to page being tested: <a href="http://www.kenzomedia.com/speedtest/template.html">http://www.kenzomedia.com/speedtest/template.html</a><br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">
http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>