Скорость селекторов jQuery

#jquery #выборка #быстродействие

Подскажите, чем измерить скорость выборки селекторами jQuery? Раньше для FF был java.console,
но, к сожалению, он уже не обновляется, а на новых версиях лисы не пашет.

Нужен именно плагин, а не какой-либо он-лайн сервис.



Решение: Чтобы измерить скорость выборки, пишем в JS коде:

console.time("имя");
выборка с помощью 1 или нескольких селекторов
console.timeEnd("то же имя");


И в консоли Firebug будет писаться время выборки, если между time и timeEnd была
только выборка. Между запуском и остановкой таймера можно запихнуть что угодно, и будет
измеряться, соответственно, общее время выполнения этой части скрипта.

P.S. В DragonFly оперы в консоли также все работает.
    

Ответы

Ответ 1

FireBug думаю поможет


Ответ 2

Самый не удобный и бесполезный способ. В файрфоксе результаты будут отличаться незначительно,
куда интересней измерить скорость различных селекторов в других браузерах, таких как
ие, там выигрыш во времени от оптимизации селекторов будет просто громадным, Можете
посмотреть скорость различных селекторов у всех популярных js-библиотек в тесте slicktest.
Если общей информации не достаточно, можете скачать его и запустить локально, заменив
предложенные селекторы на ваши и тестировать именно на вашем документе. Можно сразу
тестировать везде, а не только в удобном файрбаге.


Ответ 3

Скорость отработки того или иного селектора в значительной мере будет зависеть от
куска DOM на котором его применить.
Чтобы грамотно использовать селекторы нужно понять, как работает движок sizzle, который
и занимается их анализом и парсингом DOM.
Очень хорошо об этом написано тут: http://habrahabr.ru/blogs/jquery/111195/