Сохраняйте и делитесь следами производительности

Коннор Кларк
Connor Clark

Трассировки производительности можно сохранять на панели «Производительность» , чтобы загрузить их позже. Это полезно для обмена данными с другими разработчиками или даже с самим собой при отладке проблем с производительностью.

Трассировки также можно сохранять вместе с копией всего содержимого скрипта и карт исходного кода, найденных на странице. Это упрощает отладку при последующем импорте трассировки.

При загрузке трассировки, содержащей содержимое скрипта или карты исходного кода, на панель «Производительность» открывается новая вкладка. Эта вкладка DevTools содержит панели «Производительность» и «Источники» .

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

Чтобы сохранить запись и поделиться ею с вашими аннотированными результатами производительности, на панели действий в верхней части панели «Производительность» нажмите «Загрузить» выберите «Сохранить трассировку» . Вам будут доступны следующие опции:

  • Включить аннотации
  • Включить контент ресурса
  • Включить карты источников сценариев
  • Сжать с помощью gzip

Диалоговое окно для сохранения настроек трассировки производительности. Варианты: «Включить аннотации», «Включить содержимое ресурсов», «Включить исходные карты скриптов» и «Сжать с помощью gzip».

Параметр Описание По умолчанию Зачем включать Зачем отключать
Включить аннотации Примечание: эта опция включается только в том случае, если на странице есть какие-либо аннотации.

Контролирует, будут ли включаться аннотации в сохраненный файл трассировки.
На Аннотации полезны для пояснения следов, выделения определенных важных частей следа или постановки вопросов о частях, требующих дальнейшего изучения. Аннотации содержат ваши собственные разработки и могут быть не столь актуальны для других разработчиков. Вместо того, чтобы сохранять без аннотаций, очистите аннотации, включив в них релевантные.
Включить контент ресурса Определяет, будет ли содержимое файлов HTML, JavaScript и CSS включено в сохраненный файл трассировки для просмотра на панели «Источники» при загрузке трассировки.

Примечание: Содержимое скриптов расширения никогда не включается в трассировку, даже если эта опция включена, поскольку расширения редко полезны для отладки производительности, но часто содержат конфиденциальную информацию (например, расширения частных компаний). Однако данные профилирования из скриптов расширения сохраняются в трассировке, поскольку они всё ещё могут влиять на производительность.
Выключенный Панель «Источники» можно использовать для просмотра ресурсов, запущенных на странице, включая затраты времени выполнения на основе строк.

Панель «Производительность» может ссылаться на определенную строку на панели «Источники» (например, вызовы функций на диаграмме Flame или таблицы Bottom-up/Call-tree ).

Для анализа некоторых показателей эффективности требуется содержимое скрипта.

Примечание: если вы считаете, что содержимое ресурса представляет собой конфиденциальную информацию, то и файл трассировки следует считать конфиденциальным.
Отключите, если вы предпочитаете меньший размер файла трассировки более удобному интерфейсу панели «Производительность» (например, просмотру скриптов, запущенных на панели «Источники »).

Отключите эту функцию, если вы знаете, что содержимое ресурса содержит конфиденциальную информацию, которую вы не хотите публиковать в файле трассировки. Это случается крайне редко, поскольку исходные файлы доступны для просмотра любому, у кого есть доступ к странице. Однако если ваш сервер внедряет секретные данные, основанные на текущем пользователе, в JavaScript, выполняемый на странице, то файлы трассировки с содержимым этих скриптов следует рассматривать как конфиденциальные. Кроме того, для внутренних интранет-приложений, которые не являются общедоступными, может быть нецелесообразно публиковать исходные файлы.
Включить карты источников сценариев Примечание: эта опция доступна только в том случае, если включен параметр Включить содержимое ресурса .

Наряду со скомпилированными или минифицированными файлами производственного контента сюда будут включены сопоставления с файлами исходного кода автора.
Выключенный Панель «Производительность» будет использовать исходные карты для отображения имен авторских функций.

Панель «Источники» отобразит все созданные файлы в списке файлов страницы.

Для анализа некоторых показателей эффективности требуются исходные карты.

Обратите внимание: если вы включите этот параметр и считаете, что исходные карты представляют собой конфиденциальную информацию, то вам также следует рассматривать файл трассировки как конфиденциальный.
Отключите эту функцию, если вы предпочитаете меньший размер файла трассировки лучшему интерфейсу панели «Производительность» (например, просмотру настоящих названий функций на диаграмме «Производительность »).

Отключите эту функцию, если вы считаете, что ваши карты источников конфиденциальны (например, вы предоставляете карты источников только для своей внутренней сети, а не для публичного Интернета) и не хотите, чтобы они стали доступны кому-либо, у кого есть файл трассировки.
Сжать с помощью gzip Примечание: это значение по умолчанию в Chrome 142. На Трассировки производительности могут быть довольно большими, и их сжатие экономит место на диске, а также ускоряет их загрузку и обработку в самом DevTools. Если вы собираетесь открыть эти файлы в текстовом редакторе или аналогичном приложении для просмотра определенных событий трассировки, то вы можете сохранить их без сжатия gzip, чтобы упростить открытие файла.