js оптимизация для classList.Add

Question

Я пытаюсь выжать как можно больше производительности из моего js. Мне нужно убедиться, что элементу присвоен класс. Быстрее проверять и назначать, только если его там нет, или всегда назначать, даже если он уже там?

Другими словами, что быстрее

if (!element.classList.contains('class')) element.classList.add('class');

или всегда делать это

element.classList.add('class');

Класс уже там около 10% времени.

Answer 1

Кто-то предложил использовать jsperf.com. Вот пример https://jsperf.com/classlist-add-vs-classlist-contains/1

Похоже, сначала проверка выполняется примерно на 5% быстрее, чем просто добавление

Answer 2

element.classList.add проверяет, существует ли класс в любом случае. Попробуйте добавить один и тот же класс дважды, он не будет добавлен. Я уверен, что Браузер гораздо быстрее, чем js, чтобы проверить, следует ли добавить. Итак, go вперед и добавляем без проверки.