Тестирование DOM на лету

Question

У меня есть страница, на которой анимировано большое количество элементов DOM.Это в основном работает на современном аппаратном и программном обеспечении, но я беспокоюсь, что оно может быть слишком медленным на старых компьютерах с медленными интерпретаторами javascript.

Я хотел бы получить некоторую информацию о производительности DOM иотключить некоторые анимации, если это ниже определенного порога.Наивным способом может быть добавление 10000 или около того прозрачных элементов, удаление их и измерение необходимого времени.Прежде чем приступить к реализации этого, я хотел бы узнать, существует ли уже что-то подобное, возможно, более изысканное.

Вам известен какой-либо инструмент, который дает разумную оценку производительности DOM?

Answer 1

Если вы измеряете фактическую частоту кадров вашей анимации, вы можете сравнить ее с частотой кадров, с которой вы пытаетесь анимировать.Если фактическая частота кадров значительно ниже, вы можете рисовать медленнее или меньше.Есть описание Google, делающее это в этом ответе .

Answer 2

Вы можете реализовать прототип и профилировать его в браузере на основе WebKit (Chrome / Safari) с помощью Chrome Developer Tools или Web Inspector (панель «Профили»). Это даст вам представление о том, что на самом деле тормозит ваше приложение: код JavaScript или внутренние компоненты WebKit.