Тестирование и сравнение производительности плагинов jQuery

Question

Существует множество плагинов jQuery, и поэтому я хочу убедиться, что когда я найду два или более плагинов, которые делают то же самое, я выберу лучший.

Я обычно обращаюсь к размеру файла в качестве первого показателя производительности, но мне было интересно, что еще я могу сделать, чтобы протестировать и сравнить производительность этих плагинов.

Могу ли я использовать jsperf.com? Бросьте те плагины, которые я хочу сравнить там. Будут ли результаты хорошим показателем производительности?

Любые другие предложения?

Спасибо.

Answer 1

Для измерения производительности и т. Д. В обращении есть отличный бесплатный инструмент: DynaTrace Ajax 3 Edition (http://ajax.dynatrace.com/ajax/en/)

В вашем случае вам нужно взглянуть на часть JavaScript http://ajax.dynatrace.com/ajax/en/content/c-javascript-dom-tracing.aspx

Что дает вам возможность измерять эффективность определенных методов и так далее.Я использовал его в прошлом, чтобы оптимизировать огромное мега выпадающее меню, работающее в IE7.Это очень помогло!

Answer 2

Размер файла не является хорошим показателем производительности во время выполнения.Если вы хорошо знаете javascript, вы можете посмотреть на код и составить мнение о том, насколько хорошо он написан, но я не ожидаю, что размер файла будет хорошим показателем производительности во время выполнения.

Если производительность действительно имеет значениедля вас единственный способ принять осмысленное решение - измерить точные операции, которые вас интересуют. jsPerf - один из очень полезных инструментов для настройки сравнения производительности между двумя различными способами выполнения задачи.Но вы должны быть очень осторожны при разработке тестов производительности, чтобы то, что вы измеряете, было действительно правильным, а jsPerf может измерять только некоторые типы вещей.

Более конкретные советы будут зависеть от конкретного плагинаи какие типы операций он вам больше всего интересует.

Для справки, jQuery иногда может быть самым быстрым и удобным способом написания кода, но часто не самым быстрым исполняемым кодом для разделов кода.где скорость действительно имеет значение.Например, document.getElementById("test").value = "foo" в 5-7 раз быстрее, чем $("#test").val("foo"), как показано здесь: http://jsperf.com/jquery-vs-plain-javascript.

Answer 3

Подпишитесь на Sauce Labs , которая позволяет вам протестировать наиболее известные комбинации браузеров и ОС и посмотреть, как плагины работают в каждом браузере, который вас интересует.

(Бесплатная учетная записьдает вам 45 минут тестирования в месяц.)

Answer 4

Как правило, лучшим показателем эффективности, помимо просмотра кода и его самостоятельного тестирования, является количество людей, использующих его, а также комментарии и отзывы, которые вы прочитали о нем.Размер файла не имеет большого значения, если только он не экстремальный.

Просто прочитайте, что сказали другие, что говорится в документации об известных проблемах, и сделайте обоснованное предположение.