Как определить, где Javascript занимает больше всего времени?

У меня есть страница, которая занимает около 15 секунд для загрузки, из-за нескольких циклов, которые у меня есть, клонирования DIV и загрузки содержимого в них. Есть ли какой-то способ в инспекторе Chrome, что я могу легко увидеть, где удержание в моем скрипте?Как определить, где Javascript занимает больше всего времени?

EDIT: Я попробовал вкладку «Профили» в инспекторе, но он не показывает мой фактический сценарий. Он показывает исходный код jquery.js, который не является полезным.

источник

2012-04-11 CaptSaltyJack

umm ... ну, вы всегда можете опубликовать свой скрипт и ***, мы *** можем взглянуть и рассказать вам, где подозревается удержание. – rlemon

Посмотрите на Profiles tab of the inspector. примечание: это WebKit только

Более подробную информацию о конкретных профайлеров браузера можно найти ...

Chrome: https://developers.google.com/chrome-developer-tools/docs/profiles

FireFox: http://getfirebug.com/javascript

Opera: http://dev.opera.com/articles/view/opera-developer-tools/

Даже IE имеет инструменты dev: http://blogs.msdn.com/b/ie/archive/2008/09/11/introducing-the-ie8-developer-tools-jscript-profiler.aspx

источник

2012-04-11 16:48:36 DCoder

Я пробовал это, он просто указывает на мини-код jQuery. Это не полезно, потому что он не показывает мой фактический скрипт. – CaptSaltyJack

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

@rlemon: thanks. – DCoder

в начале того, что вы хотите, чтобы проверить ставить:

var startTime = new Date().getTime();

и в конце:

console.log(new Date().getTime()-startTime)

источник

2012-04-11 16:53:04 standup75

Если проблема связана с выполнением JavaScript затем Profiles вкладки в Safari WebInspector или Chrome DevTools поможет вам.

Разница между ними в коде профилирования для Safari JSC и Chrome V8. АО имеет профилировщик инструмента, V8 имеет статистический профайлер. Первый, более точный, второй - меньше, чем производительность страницы.

Пользовательский интерфейс в Safari и Chrome.

Существует два разных порядка сортировки для профилирования данных. Тяжелые (снизу вверх) и дерево (сверху вниз). Вы можете изменить его в поле со списком внизу страницы «Профили».

Если самая трудоемкая запись - это «(программа)», то я бы рекомендовал использовать панель временной шкалы.

В Chrome-версии панели Timeline представлена дополнительная информация.

источник

2012-04-11 18:05:40 loislo

Как определить, где Javascript занимает больше всего времени?

ответ

Смежные вопросы