document.querySelector vs document.forms Benchmark

[1unitedpower]

Unnütze Operationen auf dem DOM kosten sinnlos Ausführungszeit und Strom (Akku). Beides negative Auswirkungen für den Nutzer.

Fällt der Unterschied so deutlich aus?

Je nach Größe des DOMs.

In diesem Fall, ist der Unterschied in der Tat bemerkenswert.

JSPerf Benchmark

Es gibt aber auch einen semantischen Unterschied, document.forms liefert eine HTMLCollection, das ist potenziell anfälliger für Fehler als eine NodeList, die man durch document.querySelectorAll bekommt, weil sie sich automatisch aktualisiert, wenn sich das DOM ändert.