Анализ данных о производительности JavaScript в приложениях для Магазина Windows

Этот раздел описывает данные о производительности для кода JavaScript в представлениях отчетов средства профилирования Microsoft Visual Studio Express 2012 для Windows 8. Информацию о сборе данных о производительности кода JavaScript см. в одном из следующих разделов:

• Профилирование кода JavaScript в приложениях для Магазина Windows на локальном компьютере

• Профилирование кода JavaScript в приложениях для Магазина Windows на удаленном устройстве

Содержание раздела

В этом разделе содержатся следующие подразделы.

Viewing performance reports

Типы данных профилирования

Типы представлений отчетов о профилировании

Представления отчетов о профилировании

• Представление "Сводка"

• Представление "Сведения о функции"

• Представление "Дерево вызовов"

• Представление "Вызывающий/вызываемый"

• Представление "Модули и функции"

Настройка представлений сетки данных

Откройте файл отчета о профилировании

При остановке сеанса профилирования в среде IDE Visual Studio данные о производительности автоматически отображаются в документе.

Чтобы открыть файл отчета о профилировании (.vspx), созданный инструментом командной строки VSPerf или сохраненный после предыдущего сеанса профилирования, выполните следующие действия:

1. Если нужно, откройте Visual Studio.

2. В меню Файл выберите пункт Открыть файл.

3. В диалоговом окне Открыть файл перейдите к папке, содержащей файл отчета профилирования, затем выберите файл отчета.

Типы данных профилирования

Данные профилирования функции включают полное, среднее, минимальное и максимальное время, а также процентные значения. Вычисление данных позволяет получить два набора значений времени:

• Значения Затраченное инклюзивное — это общее количество времени, которое заняло выполнение функции.

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

Типы представлений отчетов о профилировании

В представлениях отчетов о профилировании данные отображаются двумя способами.

• Представления графа вызовов отображают информацию о функциях в контексте путей выполнения. Дерево Горячий путь в окне сводки отображает путь выполнения, при котором приложение суммарно в ходе профилирования потратило на выполнение наибольшее время. Представление "Дерево вызовов" — граф вызовов для всех функций в сеансе профилирования. В представлениях "Сведения о функции" и "Вызывающий/вызываемый" в центре внимания находится выбранная функция. Кроме того, отображаются функции, вызвавшие выбранную функцию, и функции, которые были ей вызваны. Представления графа вызовов помогают обнаружить алгоритмические проблемы производительности

• Представления списка функций сортируют и представляют в виде списка функции по выбранным столбцам. В списке Функции с максимальной индивидуальной работой на странице сводки показаны функции, которые потратили максимальное время на выполнение собственного кода, за исключением времени, потраченного на вызов дочерних функций. Представление "Модули" группирует функции по файлам исходного кода JavaScript, в которых они содержатся, и по модулям для остальных языков. Представление "Функции" — это не что иное, как единый список функций.

Представления отчетов о профилировании

Представление "Сводка"

На странице "Сводка" содержатся два представления данных о профилировании, которые помогут найти объекты для оптимизации производительности.

• Дерево Горячий путь отображает стек вызовов, при котором приложение суммарно в ходе профилирования потратило на выполнение наибольшее время. Если понять, почему на выполнение этого алгоритма требуется так много времени, можно найти пути оптимизации системы.

• Список Функции с максимальной индивидуальной работой представляет десять функций, выполнение которых потребовало максимального времени в режиме монопольного доступа. Можно быстро добиться существенного повышения производительности, оптимизировав код функции или уменьшив количество вызовов такой функции.

Представление "Сведения о функции"

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

• На панели "Вызывающие функции" отображаются функции, вызывавшие выбранную функцию. Размер модуля вызывающей функции указывает, сколько общего времени выполнения выбранной функции было потрачено на взаимодействие с вызывающей функцией.

• Полоса Выбранная функция указывает относительную часть общего времени выполнения, потраченного выбранной функцией на выполнение собственного кода (модуль Тело функции) и количество времени, потраченного на выполнение функций, которые были вызваны выбранной функцией.

• На панели Вызываемые функции отображаются функции, вызванные выбранной функцией. Размер модуля вызываемой функции указывает, сколько общего времени выполнения вызванной функции было потрачено на взаимодействие с вызываемой функцией.

Представление "Дерево вызовов"

Можно воспользоваться представлением "Дерево вызовов", чтобы изучить пути выполнения функции, пересеченные в приложении. Корнем дерева является точка входа в приложение. В каждом узле функции перечислены все вызванные в нем функции и содержатся данные о производительности, связанные с этими вызовами функций. Значения функций в представлении "Дерево вызовов" приведены для экземпляров функций, вызванных родительской функцией в дереве вызовов. Значения в процентах — это отношение значения времени экземпляров функции к общему времени выполнения сеанса профилирования.

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

Столбцы представления "Дерево вызовов"

Представление "Вызывающий/вызываемый"

Представление "Вызывающий/вызываемый" — древовидное представление данных в линейчатой диаграмме "Подробности распределения затрат для функции" в представлении "Сводка", включающее все данные о времени. Используйте представление "Вызывающий/вызываемый", чтобы проанализировать связь между выбранной функцией и вызвавшими ее функциями, а также функцией, которую вызвала выбранная функция. Представление "Вызывающий/вызываемый" состоит из трех сеток.

Сетка Текущая функция — отображается в средней таблице и показывает данные профилирования выбранной функции. Значения включают все вызовы функции. Функции, вызывавшие текущую функцию отображаются в верхней сетке, а Функции, вызывавшиеся текущей функцией — в нижней. Значения для текущей функции — результаты по всем вызовам функции. Значения вызывающей и вызываемой функций включают только время, которое было потрачено на вызов или при вызове выбранной функцией.

Для перехода по деревьям вызовов функции дважды щелкните вызывающую или вызываемую функцию. Функция, по которой выполнен двойной щелчок, становится новой выбранной функцией. Теперь видны ее вызывающие и вызываемые функции.

Столбцы представления "Вызывающий/вызываемый"

Представление "Модули и функции"

В представлении "Модули и функции" отображаются подробные сведения о данных профилирования функций, указанных в отчете профилирования. Представление "Модули" организует функции JavaScript в соответствии с содержащими их исходными JS-файлами. Другие функции перечислены в модуле (например, .dll). В представлении "Функция" перечислены все функции без какой-либо иерархической последовательности. Очень часто найти собственный код в представлении "Модули" проще, чем в представлении "Функции", однако последнее представление больше подходит для сравнения функций.

Столбцы представления "Модули и функции"

Настройка представлений сетки данных

Можно добавлять или удалять столбцы данных и изменять порядок их отображения. Щелкните правой кнопкой мыши строку данных и выберите Добавить или удалить столбцы.

Дополнительные столбцы данных профилирования