Простой Javascript Benchmarker

Как вы замеряете производительность javascript кода?
У меня это происходило так:

1. создаю файл index.html;
2. копирую откуда-нибудь шаблон HTML;
3. добаляю тэг script, в котором будет жить тестируемый код;
4. если нужно замерить работу с массивами, то обязательно создаю или беру готовый генератор случайных массивов.

Самое печальное, что созданный ранее для тестирования файл index.html никогда не находится по рукой — вся операция подготовки тестового окружения начинается с первого пункта.
Для меня это уже прошлый день.

Simple JS Benchmarker — простой инструмент измерения производительности javascript кода.

Как с ним работать?

1. Если нужен для теста массив, то указываем тип данных и количество элементов.
2. Устанавливаем количество итераций тестируемого кода.
3. Копируем HTML, например, если тестируете работу с DOM. Также можно указать опцию «on each iteration», тогда HTML будет обновляться при каждой итерации. Вся разметка «живет» справа во фрэйме Context.
4. Затем вставляете тестируемый Javascript код. На самом деле это будет тело функции iteration, у которой два параметра document (объект document в Context) и array (сгенеренный массив, либо undefined). this внутри функции будет ссылать на фрэйм в Context.

На выходе получаем:

• самое долгое время исполнения кода;
• самое короткое;
• среднее по всем вызовам;
• суммарное время.

На будущее:

• вместо текста HTML указывать URL на страницу в Интернете;
• подключать JS фрэймворки;
• сделать сохранение теста для воспроизведения его в других браузерах.

Спасибо за внимание, жду ваших фидбэков ;)