Как тестировать производительность JS сниппета на своей машине?

Question

[Гоша Манн]

Объясните, пожалуйста.
Есть у меня, например 2-3 варианта написания участка кода на JS и я хочу выяснить какой из них будет требовать меньшее всего ресурсов. Как мне это сделать?

И второй вопрос:
что лучше в плане производительности: вставить гифку с анимацией 20х60 px, скажем бесконечно двигающийся круг или сделать это на CSS + JS?

Answer 1

[Константин Китманов]

1) Используйте jsperf.com
2) Сделайте две страницы -- одну с 100 гифок, другую с сотней программных анимаций, посмотрите в диспетчере процессов вашей ОС, сколько каждая отъедает. Проверьте в разных браузерах.

Comments

[Гоша Манн]

По поводу второго вопроса.
Из вашего метода не будет ясно что быстрее загрузилось, а это очень важно, имея 100 хттп запросов.

[Константин Китманов]

@IgorMann: ээээ... А как, и, главное, зачем вы загрузите 100 раз одну и ту же гифку? Если вас интересует тупо вес в байтах, то я не вижу проблемы его найти. Если вас интересует потребление памяти и проца — то я описал, как померять.

А делать 100 хттп-запросов в любом случае плохая практика.

[Гоша Манн]

Один раз загружу и 100 раз вставлю, не только ведь весом файла определяется время загрузки

[Константин Китманов]

@IgorMann: тогда я не понимаю, чем вам мой совет не нравится.

[Гоша Манн]

@k12th: тем, что нужно оценить время отображения (хттп запросы играют роль)

[Константин Китманов]

@IgorMann: я вам рассказал, как оценить и то, и то. Задайте вопрос, когда определитесь, чего вы хотите.