Snelheidstest
Last updated
Last updated
Het is u wellicht opgevallen dat we een aantal selecties op verschillende manieren kunnen uitschrijven. Bijvoorbeeld $('li:first') selecteert net hetzelfde als $('li').first() of $('li').filter(':first'). Het uiteindelijke resultaat is wel hetzelfde, maar hoe de selectie achter de schermen tot stand komt, is totaal verschillend.
★ Open selectors/speedTest.html in een browser.
De snelheid waarmee de instructies worden uitgevoerd, is afhankelijk van de browser en van de computersnelheid. Om de snelheid beter met elkaar te kunnen vergelijken, gebeurt de meting door 10.000 identieke instructies na elkaar uit te voeren.
Uit de verschillende testen kunnen we afleiden dat $('li').first() sneller werkt dan $('li:first'). In de praktijk zal u waarschijnlijk nooit 10.000 instructies uitvoeren en kan u gerust één van de drie besproken selecties gebruiken.
