Селектори і продуктивність при виборі елементів
Щоб це дізнатися необхідно заміряти швидкодію при виконанні різних видів селектор. Швидкодію пошуку елементів в DOM будемо здійснювати за допомогою методів консолі браузера time і timeEnd.
Результати виконання цього прикладу в Google Chrome 50 і Internet Explorer 11.
Результати тесту продуктивності селекторів при виборі елементів в Google Chrome 50 Результати тесту продуктивності селекторів при виборі елементів (представлені у вигляді гістограми) Швидкодія селектор при виборі елементів в Internet Explorer 11 Таблиця, що показує час, необхідний для вибору елементів в DOM за допомогою використання різних селекторів
З результатів видно, що чим складніший використовується селектор, тим повільніше здійснюється пошук елементів в DOM. З усіх селектор, найбільш швидко працює селектор по id.