blob: 26850b66bfe664f9a40c09c8547c19ddc9f024bb [file] [log] [blame] [view] [edit]
# iOS CPU Profiling
XCode (via Instruments) has a number of built in profiling tools that can easily be used with local or prebuilt engines. This document is focused on creating [Flame Graphs](https://www.brendangregg.com/flamegraphs.html). These are not part of XCode but provide a useful way to look at aggregate performance. The process for generating Flame Graphs for iOS/macOS is a bit janky compared to Android Studio however and external tools are necessary.
## Setup External Tools
We need to setup the [`FlameGraph` Swift command-line tool](https://github.com/lennet/FlameGraph). You can either [build the tool locally](https://github.com/lennet/FlameGraph?tab=readme-ov-file#swift-package-manager), or use the [Mint Package Manager](https://github.com/yonaskolb/mint) for Swift packages. We'll use Mint in the following example.
Skip the following steps if you have already performed them.
### Install Mint
Install Mint via Brew.
```sh
brew install mint
```
Add the Mint `bin` directory to your path. The following assumes your `.rc` file is `.profile`. Adjust as necessary.
```sh
echo 'export PATH="$PATH:$HOME/.mint/bin"' >> ~/.profile
source ~/.profile
```
### Install FlameGraph via Mint
```sh
mint install lennet/FlameGraph
```
## Capture Profile using Instruments
Use the Time Profiler Xcode template.
![Time Profiler Template](https://raw.githubusercontent.com/flutter/assets-for-api-docs//5da33067f5cfc7f177d9c460d618397aad9082ca/assets/engine/impeller/ios_profiling/ios_time_profiler_example.avif)
Click the red dot to begin and record as much profile data as you want. Press stop to conclude the trace.
Select the thread to investigate, in this case you want `io.flutter.raster`.
> [!IMPORTANT]
> Make sure to select the trace root.
![Select Thread to Investigate](https://raw.githubusercontent.com/flutter/assets-for-api-docs//5da33067f5cfc7f177d9c460d618397aad9082ca/assets/engine/impeller/ios_profiling/ios_profiler_select_thread.avif)
Copy the trace with the keyboard shortcut (⇧⌘C) or the menu ("Edit" -> "Deep Copy").
![Deep Copy](https://raw.githubusercontent.com/flutter/assets-for-api-docs//5da33067f5cfc7f177d9c460d618397aad9082ca/assets/engine/impeller/ios_profiling/deep_copy.avif)
## Convert Profile to FlameGraph
On the command line, run `FlameGraph` to convert the contents of the profile in your pasteboard to an HTML format.
```sh
FlameGraph --html output.html
```
A new browser tab will open with the Flame Graph. It may require some zooming to be useful.
![Flame Graph](https://raw.githubusercontent.com/flutter/assets-for-api-docs//5da33067f5cfc7f177d9c460d618397aad9082ca/assets/engine/impeller/ios_profiling/flamegraph.avif)