1unitedpower: document.querySelector vs document.forms Benchmark

Beitrag lesen

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.

0 57

Welcher Button wurde geklickt

pl
  • javascript
  1. 0
    Gunnar Bittersmann
  2. 0
    Rolf B
  3. 0
    Rolf B
    1. 0
      pl
    2. 0
      pl
  4. 0
    beatovich
    1. 0
      Rolf B
      1. 0
        beatovich
        1. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Gunnar Bittersmann
              2. 0
                Rolf B
                1. 0
                  Gunnar Bittersmann
                  • meinung
                  1. 0
                    beatovich
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        beatovich
                        1. 0
                          Orlok
                          • dom
                          • html
                          • javascript
                          1. 0
                            beatovich
                            1. -1
                              pl
                              1. 0
                                beatovich
                                1. 0
                                  pl
                          2. 1
                            Gunnar Bittersmann
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                beatovich
                      2. 0
                        dedlfix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            dedlfix
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                dedlfix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Matthias Apsel
                                  2. 0
                                    dedlfix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Rolf B
                                        1. 0
                                          Christian Kruse
                          2. 3

                            document.querySelector vs document.forms Benchmark

                            1unitedpower
                            1. 0
                              dedlfix
                            2. 0
                              Gunnar Bittersmann
                            3. 0
                              Matthias Apsel
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  dedlfix
                2. 1
                  Orlok
                  • selfhtml
                  1. 0
                    pl
                    1. 0
                      dedlfix
          2. 0
            beatovich
          3. 0
            pl
            1. 0
              Rolf B
              1. 0
                pl
                1. 0
                  Gunnar Bittersmann
                  • markdown
                  • zu diesem forum
              2. 0
                pl
          4. 0
            pl
        2. 0
          pl
  5. 0

    In Sachen Progressive Enhancement

    pl
    1. 0
      Matthias Apsel