Id vs benchmark de sélection de classe

Est-ce que quelqu'un a marqué les éléments sélectionnés avec les ID et les classes à partir de CSS et javascript?

Il serait logique qu'un élément avec un identifiant soit plus rapide à sélectionner que s'il avait une classe même s'il était le seul élément de cette classe.

Dois-je vraiment être concerné?

Lors de la recherche d'un id , le sélecteur s'arrêtera dès qu'il est trouvé une correspondance (même s'il y en a plusieurs). Je suppose qu'il existe une sorte de table de recherche clé / valeur à cet effet, car c'est beaucoup plus rapide que la traversée DOM. Voici pourquoi , et voici un extrait:

Il est toujours préférable de sélectionner par ID … parce que jQuery utilise la méthode native du navigateur (getElementByID) pour qu'il ne soit pas nécessaire de procéder à son propre parcours DOM, ce qui est beaucoup plus rapide.

Les résultats liés montrent> l'amélioration de la vitesse 100x avec id vs class .

Lors de la recherche d'une class , l'ensemble du DOM (ou de la portée) est recherché. Voici une référence utilisant la portée .

Vous pouvez localiser les sélecteurs dans votre propre navigateur ici .

Je ne pense pas que vous devriez être vraiment concerné: en sélectionnant par id et en sélection par class il n'y a pas la même signification:

Si vous souhaitez sélectionner un élément, en sachant comment l'identifier, utilisez-le
Si vous souhaitez sélectionner un ou plusieurs éléments, en sachant qu'il y en a peut-être plus d'un, notez comment avoir une manière unique de les identifier, utilisez la class .

Pourtant, voici une référence qui pourrait vous intéresser: test de sélection de vitesse / validité pour les cadres.